如下代碼,數據對象中的鍵值對個數不定,鍵值對中的數組長度不定。當使用vue雙重循環綁定事件的時候, 由于所有元素都被綁定了統一事件,所以點擊任何一個元素都會觸發其他元素的事件,并且會有多個相同的索引值 。<template> <div> <ul v-for="parent in obj"> <li :class="{'active': activeFlag===index}" v-for="(child,index) in parent" @click="Identify(index)">{{child}}</li> </ul> </div></template><script> export default{ data(){ return{ obj:{ 1: [1,2,3,4,...,100], 2: [1,2,3,4,...], ... ... n: ["a","b","c",...,"n"] }, activeFlag: null, } }, methods:{ Identify(i){ this.activeFlag = i; } } }</script>請問我該如何綁定事件,僅選中當前被點擊元素,且可以多選元素? 謝謝回答。
如何使用vue雙重循環綁定事件?
精慕HU
2019-03-04 17:31:25