vue点击列表拦截问题？

  • Z时代
  • 2024-02-19
  • 分类：IT

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

<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')
   }

回答：

        <li v-for="(item,index) in tableList" :key="index" @click="beforeSelect(item,index,onSelect)">
beforeSelect(item,index,onSelect){
    this.$emit('beforeSelect',item,index,onSelect)
   }

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

以上是 vue点击列表拦截问题？ 的全部内容， 来源链接： utcz.com/p/933481.html

回到顶部