element-ui--table之选择框改变选中状态或禁止选中

1.改变选中状态

官方文档：

表格默认选中：

注意：当数据是从后端获取的时候，这样写不能默认选中，此时应写成：

this.$nextTick(function(){
      this.$refs.multipleTable.toggleRowSelection(item,true);
}

2.禁止选中

给选择框那一行加监听事件:selectable="方法"

 

    
    
    
    
      
{{ row.date }}
    
    
    
    
    
  
  {{ multipleSelection }}
  

export default{
  data() {
    return {
      tableData: [{
          date: '2018',
          name: '小海',
          isModify: '是'
        }, {
          date: '2016',
          name: '小北',
          isModify: '是'
        }, {
          date: '2012',
          name: '小张',
          isModify: '否'
        }, {
          date: '2011',
          name: '小胡',
          isModify: '否'
        }],
        multipleSelection: []
    }
  },
  methods: {
    handleSelectionChange(val) {
      this.multipleSelection = val
    },
    //禁止选中的条件
    checkSelectable(row) {
      return row.isModify=='是'
    }
}