亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何使用vue雙重循環綁定事件?

如何使用vue雙重循環綁定事件?

精慕HU 2019-03-04 17:31:25
如下代碼,數據對象中的鍵值對個數不定,鍵值對中的數組長度不定。當使用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>請問我該如何綁定事件,僅選中當前被點擊元素,且可以多選元素? 謝謝回答。
查看完整描述

1 回答

?
紅糖糍粑

TA貢獻1815條經驗 獲得超6個贊

你可以這樣:


<ul v-for="(parent,i) in obj">

   <li v-for="(child,index) in parent" @click="Identify(i,index)">{{child}}</li>

</ul>

取值:


Identify(i,index){

   console.log(i);

   console.log(index);

}

這樣你就擁有兩個索引,做你任何你想做的事情啦。


查看完整回答
反對 回復 2019-03-06
  • 1 回答
  • 0 關注
  • 674 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號