PHP弄一个表格复选框,Element表格嵌入复选框以及单选框的方法介绍（代码示例）...

本篇文章给大家带来的内容是关于Element表格嵌入复选框以及单选框的方法介绍(代码示例)，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

1，element 表格嵌入CheckBox

效果图如下：

html代码：shopInfo

// 单选方法,返回选中的表格行

// 添加一个多选框,控制选中与否

{{ scope.row.date }}

js代码：export default {

name: 'shopInfo',

data () {

return {

tableData3: []

}

},

created () {

this.setTable()

},

methods: {

setTable () {

let resdata = [{

id: 44,

date: '2016-05-03',

name: '王小虎',

address: '上海市普陀区金沙江路 1518 弄'

}, {

id: 89,

date: '2016-05-02',

name: '王小虎',

address: '上海市普陀区金沙江路 1518 弄'

}, {

id: 23,

date: '2016-05-04',

name: '王小虎',

address: '上海市普陀区金沙江路 1518 弄'

}, {

id: 88,

date: '2016-05-07',

name: '王小虎',

address: '上海市普陀区金沙江路 1518 弄'

}]

// 后台数据返回后,手动添加一个checked属性控制选中与否

resdata.forEach(item => {

item.checked = false

})

this.tableData3 = resdata

},

handleSelectionChange (row) {

this.tableData3.forEach(item => {

// 排他,每次选择时把其他选项都清除

if (item.id !== row.id) {

item.checked = false

}

})

console.log(row)

}

}

}