這是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]);
},
}點擊塊之前點擊塊之后因為第一個塊點中之后通過數據篩選會消失,但是不清楚為什么第二個塊上去之后也為被點中取消,但是數據沒有被修改。刷新之后還是選中的狀態!
Vue2中點擊上面塊消失,下面塊被點擊時也會被選中
慕標琳琳
2018-10-13 14:09:48