国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

vue v-for 點擊當前行,獲取當前行數據及event當前事件對象的操作

瀏覽:72日期:2022-11-24 15:46:35

前言

在 v-for 循環語句上,定義一個點擊事件 傳入兩個參數(當行數據、當前事件對象),如下代碼片段,當前事件對象必須加上 ‘$’ 符號

<template> <div> <ul> <li v-for='(item, index) in arrData' :key='index' @click='operate(item, $event)' > {{ item.title }} </li> </ul> </div></template><script>export default { data() { return { arrData: [ { id: 1, title: ’第一條數據’ }, { id: 2, title: ’第二條數據’ } ] }; }, methods: { operate(item, event) { console.log(item); console.log(event); } }};</script>

不加’$‘報錯:

vue v-for 點擊當前行,獲取當前行數據及event當前事件對象的操作

加上’$‘: 點擊行之后獲得當前行數據 以及當前事件對象

vue v-for 點擊當前行,獲取當前行數據及event當前事件對象的操作

如果本篇文章對你有幫助的話,很高興能夠幫助上你。

補充知識:vue獲取當前點擊對象的下標,和當前點擊對象的內容

如下所示:

<li v-for='(item,index) in tabList' v-on:click='addClass(index,$event)' >{{item.title}}</li>

data里面聲明:

data() { return { tabList: [ { id: 0, title: '首頁1' }, { id: 1, title: '首頁2' }, { id: 2, title: '首頁3' } ], current:0 }; },

methods: { addClass: function(index,event) { this.current = index; //獲取點擊對象 var el = event.currentTarget; console.log('當前對象的內容:'+el.innerHTML); console.log(this.current) }

以上這篇vue v-for 點擊當前行,獲取當前行數據及event當前事件對象的操作就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持好吧啦網。

標簽: Vue
主站蜘蛛池模板: 亚洲天堂视频在线观看免费 | 日韩欧美高清在线观看 | 国产特黄特色一级特色大片 | 国产网站在线 | 久久国产精品免费观看 | 一级片高清 | 精品国产免费一区二区三区五区 | 国内自拍视频在线播放 | 午夜三级a三点 | 免费看成人毛片日本久久 | 欧美视频一区在线 | 18videosex性欧美69超高清 | 综合网自拍| 玖玖视频精品 | 国产精品18久久久久久小说 | 小屁孩cao大人免费网站 | 精品欧美一区二区在线看片 | 视频一区亚洲 | 午夜综合 | 欧美一级特黄一片免费 | 精品亚洲视频在线观看 | 欧美日韩国产人成在线观看 | 沈樵在线观看福利 | 日本一级毛片视频无遮挡免费 | 国产一级视频久久 | 国产在线视频h | 欧美成人香蕉网在线观看 | 狠狠色丁香婷婷久久综合不卡 | 午夜在线亚洲男人午在线 | 国产女人一区二区 | 亚洲天堂在线视频播放 | 欧美色成人tv在线播放 | 91高清国产经典在线观看 | 国产欧美日本在线观看 | 国产一区亚洲二区三区毛片 | 欧美区一区| 久久成人网18网站 | 欧美高清性色生活片免费观看 | 中国女人毛茸茸免费视频 | 亚洲第一视频在线播放 | 日韩一级在线播放免费观看 |