<el-table-column
? ? ? ? v-if="lists[0].ispass"
? ? ? ? ? label="Upper"
? ? ? ? ? prop="db28"
? ? ? ? ? show-overflow-tooltip
? ? ? ? ></el-table-column>
? ? ? ? <el-table-column
? ? ? ? v-if="lists[1].ispass"
? ? ? ? ? label="Lower"
? ? ? ? ? prop="db31"
? ? ? ? ? show-overflow-tooltip
? ? ? ? ></el-table-column>
? ? ? ? <el-table-column
? ? ? ? v-if="lists[2].ispass"
? ? ? ? ? label="UP+LOW"
? ? ? ? ? prop="db34"
? ? ? ? ? show-overflow-tooltip
? ? ? ? ></el-table-column>
? ? ? ? <el-table-column
? ? ? ? v-if="lists[3].ispass"
? ? ? ? ? label="Static"
? ? ? ? ? prop="db36"
? ? ? ? ? key="1"
? ? ? ? ? show-overflow-tooltip
? ? ? ? ></el-table-column>
? ? ? ? <el-table-column
? ? ? ? v-if="lists[4].ispass"
? ? ? ? ? label="LRO-T1 OA"
? ? ? ? ? min-width="90px"
? ? ? ? ? prop="db44"
? ? ? ? ? key="2"
? ? ? ? ? show-overflow-tooltip
? ? ? ? >
</el-table-column>

data部分

ispass是用來(lái)控制顯示或隱藏的，label是用來(lái)判斷的。

lists:[
? ? ? ? ? {label:'Upper',ispass:false},
? ? ? ? ? {label:'Lower',ispass:false},
? ? ? ? ? {label:'UP+LO',ispass:false},
? ? ? ? ? {label:'Static',ispass:false},
? ? ? ? ? {label:'LRO-T1 OA',ispass:false},
? ? ? ? ? {label:'LRO-T2 OA',ispass:false},
? ? ? ? ? {label:'LRO-B1 OA',ispass:false},
? ? ? ? ? {label:'LRO-B2 OA',ispass:false},
? ? ? ? ? {label:'RRO-C OA',ispass:false},
? ? ? ? ? {label:'LRO-T1 Buige',ispass:false},
? ? ? ? ? {label:'LRO-T2 Buige',ispass:false},
? ? ? ? ? {label:'LRO-B1 Buige',ispass:false},
? ? ? ? ? {label:'LRO-B2 Buige',ispass:false},
? ? ? ? ? {label:'LRO-T1 Dent',ispass:false},
? ? ? ? ? {label:'LRO-T2 Dent',ispass:false},
? ? ? ? ? {label:'LRO-B1 Dent',ispass:false},
? ? ? ? ? {label:'LRO-B2 Dent',ispass:false},
? ? ? ? ],
? ? ? ? check:[
? ? ? ? "Upper",
? ? ? ? "Lower",
? ? ? ? "UP+LO",
? ? ? ? "Static",
? ? ? ? "LRO-T1 OA",
? ? ? ? "LRO-T2 OA",
? ? ? ? "LRO-B1 OA",
? ? ? ? "LRO-B2 OA",
? ? ? ? "RRO-C OA",
? ? ? ? "LRO-T1 Buige",
? ? ? ? "LRO-T2 Buige",
? ? ? ? "LRO-B1 Buige",
? ? ? ? "LRO-B2 Buige",
? ? ? ? "LRO-T1 Dent",
? ? ? ? "LRO-T2 Dent",
? ? ? ? "LRO-B1 Dent",
? ? ? ? "LRO-B2 Dent",
? ? ? ],
? ? ? checkList: [
? ? ? ],

方法部分

直接用watch監(jiān)聽，復(fù)制就行。這里注意checkList和check
checkList：代表你多選框的默認(rèn)選中，我沒寫就是默認(rèn)全不選
check：這個(gè)也要寫和lists里的label一樣，用來(lái)判斷的。

watch:{
? ? ? checkList(newVal){
? ? ? ? ? ? if (newVal) {
? ? ? ? ? ? ? var arr = this.check.filter(i => newVal.indexOf(i) < 0) //未選中
? ? ? ? ? ? ? this.lists.map(i => {
? ? ? ? ? ? ? ? if (arr.indexOf(i.label) !== -1) {
? ? ? ? ? ? ? ? ? i.ispass = false
? ? ? ? ? ? ? ? } else {
? ? ? ? ? ? ? ? ? i.ispass = true
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? })
? ? ? ? ? ? }
? ? ? }
? ? },

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: