鍍金池/ 問答/HTML/ vue 的 for 循環(huán)中怎么綁定 data 中數(shù)據(jù)

vue 的 for 循環(huán)中怎么綁定 data 中數(shù)據(jù)

<div class="nav-list">

<div class="nav-menuitem" v-for="value in this.navitemdata">
   <span class="nav-item-title" @click="toggleItem(value.id)">{{value.name}}</span>
   <i v-bind:class=this[value.id+'arrow']></i>
   <div v-bind:class="value.id+'detail'" v-for="detail in value.children">
      <p class="nav-detail">{{detail.name}}</p>
   </div>
</div>

</div>

data:
xxxarrow:""

由于for導(dǎo)致this指向改變，所以以上的 v-bind:class=this[value.id+'arrow'] 是不對(duì)的，那么應(yīng)該怎么樣才能把數(shù)據(jù)綁定上去？

clipboard.png

我知道原因了。。但是我不會(huì)改，拼接出來的"value.id+'detail'"是字符串類型，所以直接渲染了

回答
編輯回答
初心

把你代碼 貼完整一點(diǎn)? 模板 還是HTML文件#el 元素？？

截圖

2017年9月16日 09:48
編輯回答
心夠野
<div class="nav-menuitem" v-for="value in navitemdata">    // 這里不用this
<i v-bind:class=value.id + 'arrow']></i>    // 同樣不用this

navitemdata 在 Data中綁定并且有值就行

2018年8月28日 22:00
編輯回答
孤毒
<i v-bind:class="value.id+'arrow'"></i>
2017年11月6日 11:46
編輯回答
黑與白
這樣是可以的，不知道你那為啥不行，data里面的數(shù)據(jù)貼下
 :class="value.id + 'arrow'"
2017年3月24日 01:31