點(diǎn)擊 li? 實(shí)現(xiàn)內(nèi)部?jī)蓚€(gè)圖片的切換

<li?class="icon_item"?v-for="(item,index)?in?icon_list"?@click="handleDraw(item)"?>?

????????????????????????<img?v-if="item.isDraw"?src="<?php?echo?$_global['url']['front'];?>/assets/img/h5/weixin.png"?alt="抽獎(jiǎng)icon1">

????????????????????????<img?v-else?src="<?php?echo?$_global['url']['front'];?>/assets/img/h5/zhifubao.png"?alt="抽獎(jiǎng)icon2">

????????????????????????<span>@{{item.day}}</span>

????????????????????</li>

數(shù)據(jù)格式? 對(duì)象方式解耦

?icon_list:[

??????????????????{id:1,isDraw:false,day:"1天"},

??????????????????{id:2,isDraw:false,day:"2天"},

??????????????????{id:3,isDraw:false,day:"3天"},

??????????????????{id:4,isDraw:false,day:"4天"},

??????????????????{id:5,isDraw:false,day:"5天"},

??????????????????{id:6,isDraw:false,day:"6天"},

??????????????????{id:7,isDraw:false,day:"7天"},

??????????????????{id:8,isDraw:false,day:"8天"}

??????????????]

方法 修改傳遞 對(duì)象屬性，并不是 全局?jǐn)?shù)據(jù)?

?handleDraw(item){

???????????????item.isDraw?=?!item.isDraw;

????????????}