首先,对于vue菜鸟及的选中来说,我写了click事件,打印了当前点击的节点信息,是没有任何错误的。但是后面有需求,要传递索引,,,,然后我在参数里在加了一个index,然后event.currentTarget就开始报错了。。。。。。
找百度查看了一番,大概意思是,click本身就自带默认的event事件,所以我在不带参数的时候,打印event事件是没什么问题的,代码如下图所示:
但是接下来,我需要传递一个索引,来控制选中的样式。按照正常的思路,我在click里面添加参数index,但是这样写会报错,代码如下图所示:
报错如下:
看提示好像是,使用了不推荐使用的符号,请查阅文档以获得更好的替代方案,如下图
然后百度了vue click传递索引的方法,他是在event前面加了$,----rowClick(index,$event)至于为啥这样写,我也不懂,有哪位大佬懂的话,可以告诉我。
最后,解决效果如下:
<div v-for="(item,index) in JSON.parse(JSON.stringify(serverInfoList))" :key="index" :class="active==index ? 'activeClass' : ' ' " class="text item">
<span>{{ item.devId }}</span>
<span @click="rowClick(index,$event)">{{ item.devName }}</span>
</div>
rowClick: function(index, event) {
console.log('index', index)
console.log('event', event)
},