el-table多选样式 实为单选效果

在实际开发中,el-table的单选是通过点选每一行来实现的,自己在列表中加入el-radio又略显麻烦。于是可以用自带的多选,在多选框改变的@selection-change方法中 按照上面代码写法 ,即可实现


    
    
handleSelectionChange(selection) {
    if (selection.length > 1) {
        this.$refs.multipleTable.clearSelection()
        this.$refs.multipleTable.toggleRowSelection(selection.pop())
    } else if (selection.length === 1) {
        this.checkedRow = selection.pop()
    } else {
        this.checkedRow = {}
    }
},

你可能感兴趣的:(web前端,前端,vue.js,javascript)