這是HTML部分的代碼:<div class="btn btn-default" @click="query=true">已完成</div><div class="btn btn-default" @click="query=false">未完成
</div><todoitem v-for="item in itemsByCalu" v-bind:i="item"></todoitem><template id='todoitem'>
<div :class="i.weight | checkClass">
<label>
<input type="checkbox" v-model="i.done" @click="changeProp('done',!i.done)"/>
<span class="cont" v-text="i.cont"></span>
<span class="fr">{{i.time | time}}</span>
</label>
<span class="glyphicon glyphicon-remove fr" @click="removeItem(i)"></span></div></template>vue中的代碼data:{ query:true,
},
computed:{ itemsByCalu:function(){
return _.orderBy(this.items.filter(function(item){
return item.done === vm.query;
}),[this.order],[this.sc]);
},
}點(diǎn)擊塊之前點(diǎn)擊塊之后因?yàn)榈谝粋€(gè)塊點(diǎn)中之后通過數(shù)據(jù)篩選會(huì)消失,但是不清楚為什么第二個(gè)塊上去之后也為被點(diǎn)中取消,但是數(shù)據(jù)沒有被修改。刷新之后還是選中的狀態(tài)!
Vue2中點(diǎn)擊上面塊消失,下面塊被點(diǎn)擊時(shí)也會(huì)被選中
慕標(biāo)琳琳
2018-10-13 14:09:48