vue自定义指令directives同时传递多个参数

vue自定义指令directives同时传递多个参数

// 自定义指令v-hClick绑定for循环第二个参数,这里的inx还可以是其他标的，指令中可通过其做出判断

在dom，将多个参数通过数组的格式进行存放就可以了,在如下代码binding中和index中均可以拿到数据。

<div 
v-for="(item, inx) in titleList" 
:class="tit == item.title ? 'listDom activeColor' : 'listDom'"
:key="inx"
v-hClick="([inx, $route])"
@click="hClickList(item)"
></div>

directives: {
   
   
   hClick: {
   
   
     inserted(el,binding,index) {
   
   
       console.log(el);
       console.log(binding);
       console.log(index);
       if (!index.data.directives[0].value[1].params.title) {
   
   
         console.log(binding);
         if(binding.value[0]===0){
   
        // 给for循环第一个元素执行点击事件
           console.log(999);
             el.click()
         }
       }
     }
   }
},

效果