情況是這樣的，表格里每行每列都是復選框，行是根據查詢動態增加的，列是固定的，現在我不知道怎么給checkbox的v-model系結變數，系結普通變數的話選中一個整行都選中了，本人完全是菜鳥vue和element就學了很短時間，求哪位大神解答一下，看到有大神寫的帖子變數是a[[]]的形式完全不明白什么意思
uj5u.com熱心網友回復：
在獲取到資料時，給每個資料添加一個屬性，設為false，表示未選中，然后遍歷資料時將其系結給checkbox，vue會幫你追蹤它的變化的新手經驗之談
uj5u.com熱心網友回復：
一組相同系結v-model會獲得一個陣列，初始值也要給陣列[]https://element.eleme.cn/#/zh-CN/component/checkbox#checkbox-button-attributes
可以用動態新增行的一個屬性v-model系結到checkbox
uj5u.com熱心網友回復：
部分代碼是這樣的
<el-table :data="https://bbs.csdn.net/topics/users" border style="width: 100%" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55">
</el-table-column>
<el-table-column prop="realname" v-model="doctor" label="醫生" width="100">
</el-table-column>
<el-table-column prop="date1" label="星期一 下午" width="100">
<template slot-scope="scope">
<el-checkbox v-model="week12" true-label="1" false-label="0"></el-checkbox>
</template>
</el-table-column>
實作上面的效果
uj5u.com熱心網友回復：
v-model中week12那里不知道寫什么變數uj5u.com熱心網友回復：
沒明白，能舉個例子嗎uj5u.com熱心網友回復：
users集合的物件添加week1-week12, 然后使用scope.row.week1系結uj5u.com熱心網友回復：
<body>
<div id="app">
<el-table :data="https://bbs.csdn.net/topics/tableData" border style="width: 100%" @cell-click="getCell">
<el-table-column prop="name" label="姓名" width="180"></el-table-column>
<el-table-column label="周一" width="180">
<el-checkbox></el-checkbox>
</el-table-column>
<el-table-column label="周二">
<el-checkbox></el-checkbox>
</el-table-column>
</el-table>
</div>
</body>
new Vue({
el: '#app',
data: function() {
return {
tableData: [{
name: '王1虎',
week1: false,
week2: false
}, {
name: '王2虎',
week1: false,
week2: false
}]
}
},
methods: {
getCell(row, column,cell,event){
let status = cell.children[0].children[0].className.indexOf('is-checked') == -1;
this.tableData.forEach(item=>{
if(item.name == row.name){
item.week1 = status;
console.log(`${item.name}周${column.id.slice(-1)-1}${item.week1?'上班':'不上班'}`)
}
})
}
},
})
uj5u.com熱心網友回復：
不行，實作不了轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/135390.html
標籤：JavaScript
上一篇：用python爬取網頁 請求頭的值在隨機值怎么處理呢
下一篇：逢考必過！！