vue v代表点击当前行,获取当前行数据及事件当前事件对象的操作

　　

<强>前言

　　

在v代表循环语句上,定义一个点击事件传入两个参数(当行数据,当前事件对象),如下代码片段,当前事件对象必须加上的“美元符号

　　 　　 　　& lt; template> 　　& lt; div> 　　& lt; ul> 　　李& lt; 　　v代表="(项目,索引)arrData” 　　:关键="指数” 　　@click="操作(项目,事件美元)” 　　比; 　　{{项目。标题}} 　　& lt;/li> 　　& lt;/ul> 　　& lt;/div> 　　& lt;/template> 　　 　　& lt; script> 　　出口默认{ 　　数据(){ 　　返回{ 　　arrData:( 　　{id: 1、标题:“第一条数据"}, 　　{id: 2、标题:“第二条数据的} 　　] 　　}; 　　}, 　　方法:{ 　　操作(物品、事件){ 　　console.log(项); 　　console.log(事件); 　　} 　　} 　　}; 　　& lt;/script> 　　之前 　　 　　

不加“美元”报错:

　　

vue v代表点击当前行,获取当前行数据及事件当前事件对象的操作

　　

加上“美元”:点击行之后获得当前行数据以及当前事件对象

　　

vue v代表点击当前行,获取当前行数据及事件当前事件对象的操作

　　

如果本篇文章对你有帮助的话,很高兴能够帮助上你。

　　

<强> vue获取当前点击对象的下标,和当前点击对象的内容

　　

如下所示:

　　
　　

& lt;李v="(项目、索引)tabList“v:点击=最好选择用addClass(指数、美元事件)“替代”在{{item.title}} & lt;/li>

　　 　　

数据里面声明:

　　 　　 　　数据(){ 　　返回{ 　　tabList:( 　　{id: 0,标题:“首页1 "}, 　　{id: 1、标题:“首页2 "}, 　　{id: 2、标题:“首页3”} 　　]， 　　当前:0 　　}; 　　}, 　　 　　 　　 　　方法:{ 　　addClass:函数(指数、事件){ 　　这一点。当前=指数;//获取点击对象 　　var el=event.currentTarget; 　　console.log(“当前对象的内容:“+ el.innerHTML); 　　console.log (this.current) 　　} 　　 　　

以上这篇vue v代表点击当前行,获取当前行数据及事件当前事件对象的操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

vue v代表点击当前行,获取当前行数据及事件当前事件对象的操作