vue表单中批量导入功能_Vue实现表格批量审核功能实例代码

本文实例为大家分享了Vue实现表格批量审核功能的具体代码，供大家参考，具体内容如下

1 前端部分

效果如下图所示：

1.1 html部分

批量审核

取消选择

代码说明：

1)为table添加属性

@selection-change="selsChange" @row-click="handleChange"

2)添加一列 指定type为selection，表示该表格可选择

3)当没有选择服务时，按钮不可选；

:disabled="this.sels.length === 0"

1.2 js部分

export default {

data () {

return {

sels:[],

methods: {

selsChange(sels) {

this.sels = sels

},

handleChange(row, event, column) {

this.$refs.multipleTable.toggleRowSelection(row)

},

auditServer () {

var servids = this.sels.map(item => item.servid).join(",")