1. 程式人生 > >vue選中與取消簡單實現

vue選中與取消簡單實現

selected false 簡單實現 cti lis click 選中 ive 實現

<li v-for="(item,index) in assign" 
    :key="index"
    @click="selected(item)"
    :class="{‘active‘:item.isShow}">

selected(item) {
                if (!item.isShow) {
                    item.isShow = true;
                    this.selectedList.push(item.id)
                } else {
                    item.isShow = false;
                    let index = this.selectedList.indexOf(item.id);
                    if (index > -1) {
                        this.selectedList.splice(index, 1);
                    }
                }
            },

vue選中與取消簡單實現