ElementUI根据某些状态判断复选框的状态实现

table表格中根据某些状态来判断复选框是否可以勾选?

我们为多选框表格增加一个selectable属性,改属性仅对 type=selection 的列有效,类型为 Function,Function 的返回值用来决定这一行的 CheckBox 是否可以勾选

//核心代码如下
         
          

这里根据我们的需求(需要和后台沟通,好为前端同学提供一个哦),进行判断即可。

methods: {
    //复选框控制
    selectable(row,index){
      if(row&&row.parentId){
         return false
      }
      else{
        return true;
      }
    },
  }

ps:这里的方法没有在别的地方调用,却实现了我们的功能,应该是eleUI封装好的,在我们获取到数据并进行渲染的时候判断好的。

你可能感兴趣的:(Vue.js)