国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-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
主站蜘蛛池模板: 欧美日韩高清在线观看一区二区 | 欧美日韩一区二区三区免费 | 国产亚洲精品一品区99热 | 久久99亚洲精品久久频 | 亚洲视频一| 久久精品国产精品亚洲20 | 国产亚洲欧美日韩在线观看不卡 | 久久国产成人精品 | 亚洲午夜精品在线 | 久久久精品影院 | 亚洲精品综合 | 日本不卡一区二区三区在线观看 | 免费国产在线观看 | 国内自拍偷拍视频 | 欧美一区二区三区在线观看 | 国产爽的冒白浆的视频高清 | 亚洲图片一区二区 | 久久精品国产免费看久久精品 | 久久成人18免费网站 | 日韩免费一区二区三区在线 | 一级毛毛片毛片毛片毛片在线看 | 自拍偷在线精品自拍偷无码专区 | 国产成人精视频在线观看免费 | 欧洲成人免费高清视频 | 国产特黄特色的大片观看免费视频 | 一区二区三区欧美在线 | 日本午夜视频 | 久久香蕉国产观看猫咪3atv | 日韩免费高清 | 亚洲美女在线观看亚洲美女 | 请看一下欧美一级毛片 | 可以看的毛片网站 | 久久手机精品视频 | 久爱免费观看在线网站 | 久草草视频在线观看免费高清 | 久久91精品国产91久久跳舞 | 国产日韩精品欧美一区喷 | 欧美日韩高清性色生活片 | 国产综合精品一区二区 | 日韩欧美不卡一区二区三区 | 一级视频在线免费观看 |