前言
在写前端vue时套用Element UI时想实现当某一行的状态发生改变时,让该行处于禁用状态。
一、前端如何实现该功能?
示例::selectable="selectHandle"可以控制复选框的状态,前提是类型必须为:type=“selection”。
二、使用步骤
1.表格代码部分
代码如下(示例):
<el-table-column type="selection" :selectable="selectHandle">
</el-table-column>
2.js部分
代码如下:
selectHandle(row){
if(row.status==='已发布'){
return false
}else{
return true
}
},
这里我是根据发布状态来判断是否禁用复选框,如果已发布则返回true(禁用),否则返回false(不禁用)
效果:该行复选框已被禁用
总结
以上就是今天要讲的内容,本文仅仅简单介绍了:selectable的使用,希望可以给您带来帮助。版权声明:本文为weixin_45032080原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。