溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
直入正題，不廢話！
使用Vue渲染列表是很簡單方便的，但如果需要在渲染item的時候去監聽事件就無法實現了，樓主我翻遍了Vue的api也沒找到合適的方法去解決，其中也提到使用watch和vue.nextClick 監聽，但這些都不能實現，苦惱啊，不過機智的我還是想到了曲線救過的方法，利用過濾器來實現，代碼如下
<li v-for="item in list"> {{item.content | setEvent item.id , item.name}}</li>
new Vue({
el:'',
data:{
list:[]
},
fliters:{
setEvent:function(content , id , name) {
// TODO 處理你的事件。。。。
return content ;
}
}
})
過濾器函數始終以表達式的值作為第一個參數（item.content）。
帶引號的參數視為字符串，而不帶引號的參數按表達式計算。這里將表達式 item.id 將傳給過濾器作為第二個參數，表達式 item.name 的值在計算出來之后作為第三個參數。
注意一定要return 當前li需要顯示的內容，否則li無數據展示，這樣就可以實現監聽列表item的的渲染事件，厲害不！哈哈哈！
以上這篇Vue 監聽列表item渲染事件方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
