element ui table表格的多选按钮 设置不可勾选的方法
因为项目需要,要对element ui中table表格的多选按钮进行 可勾选和不可勾选 的操作。代码大概如下:
<template>
<el-table
ref="multipleTable"
:data="tableData"
style="width: 100%"
@selection-change="handleSelectionChange">
<el-table-column
type="selection"
align='center'
:selectable='selectInit'>
</el-table-column>
</el-table>
</template>
<script>
export default(){
methods:{
selectInit(row,index){
//在这里一定要记得类型匹配的上。我就是入了一个小坑,就是类型判断不一定,导致浪费了好久。eg:'false'==false是不相等的,我就栽在了这个上面。可能因为我是小菜鸟吧。在此写一下,希望看到我的文章的朋友们可以避免这个问题。
if(row.propery==xxx){
return false //不可勾选
}else{
return true //可勾选
}
},
}
}
</script>
以上代码都是我在实际项目中遇到的问题并记录的,如有错误欢迎批评指正。
更多推荐
所有评论(0)