在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/iOS  HTML/ vuejs中 v-for創(chuàng)建的元素@click中怎么傳參

vuejs中 v-for創(chuàng)建的元素@click中怎么傳參

我本來想通過遍歷拿到typelist中的list數(shù)組里面的值 然后it.type 獲取不到值 index又能獲取到值, 是我寫法出錯了嗎?

     //這是數(shù)據(jù)結(jié)構(gòu)
         typelist:[ 
          {name:'類型',
            list:[
              {isShow:false,name:'住宅',type:1},
              {isShow:false,name:'公寓',type:2},
              {isShow:false,name:'別墅',type:3},
              {isShow:false,name:'商鋪',type:4},
              {isShow:false,name:'車位',type:5},
              {isShow:false,name:'其他',type:0},
            ],
          }
        ],
        //這是循環(huán)的代碼
        <div style="padding: .24rem;">
          <yd-cell-group v-for="item in typelist" >
        <yd-cell-item >
          <span slot="left">{{item.name}}</span>    <!-- 這里有值-->
        </yd-cell-item>
        <div v-for="(it,index) in item.list">
          <yd-button class="tagbuttom" type="primary"  @click.native="colorshow(it.type,index)" :class="{clicks: buttocolor==it.isShow}">{{it.name}}</yd-button>
        </div>

clipboard.png

回答
編輯回答
忠妾

把你的html替換成下面的

  <div style="padding: .24rem;">
        <yd-cell-group v-for="(item,index) in typelist" :key="index">
          <yd-cell-item>
            <span slot="left">{{item.name}}</span>
            <!-- 這里有值-->
          </yd-cell-item>
          <div v-for="(it,i) in item.list" :key="i">
            <yd-button class="tagbuttom" type="primary" @click.native="colorshow(it.type,i)" :class="{clicks: buttocolor==it.isShow}">{{it.name}}</yd-button>
          </div>
        </yd-cell-group>
      </div>
2017年9月16日 09:20
編輯回答
冷咖啡

看報錯是在 method 中報錯的，貼出來 method 代碼吧

2017年12月4日 05:00