vue点击列表拦截问题?

子组件有个列表,父组件接收列表参数,想在列表点击前做个拦截,如果符合条件在选中列表,请问大佬改怎么做呢
谢谢!

<div class=table-list>
    <ul>
        <li v-for="(item,index) in tableList" :key="index" @click="beforeSelect();onSelect(item,index);">
         <div :class="tableIndex === index ? 'active' : ''">
           {{item.label}}
         </div>
         <div class="right"></div> 
       </li>  
    </ul>
  </div>
//子组件选中并向父组件传id
 onSelect(item,index){
    if(this.isClick) return
     this.$emit('tableListId', item.id)
     this.tableIndex=index
   },
//列表点击前拦截
   beforeSelect(){
    this.$emit('beforeSelect')
   }
阅读 1.2k
1 个回答
        <li v-for="(item,index) in tableList" :key="index" @click="beforeSelect(item,index,onSelect)">
beforeSelect(item,index,onSelect){
    this.$emit('beforeSelect',item,index,onSelect)
   }

我的话直接回调函数,把方法注入处理

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题