element table实现多选且根据条件设置多选框禁用

<template>
  <div>
    <el-table :data="tableData" style="width:500px; margin-left:100px">
      <el-table-column type="selection" width="55" :selectable="handleDisable" />
      <el-table-column prop="type" label="类型" width="120" />
      <el-table-column prop="address" label="地址" show-overflow-tooltip />
    </el-table>
  </div>
</template>

<script>
export default {
  data () {
    return {
      tableData: [
        {
          type: '1111',
          address: '上海市普陀区金沙江路'
        },
        {
          type: '',
          address: '上海市普陀区金沙江路'
        },
        {
          type: '1111',
          address: '上海市普陀区金沙江路'
        }
      ]
    }
  },
  methods: {
    handleDisable (row) {
      // 有值的话，禁用
      if (row.type) {
        return false;
      } else {
        // 没有值不禁用
        return true;
      }
    }
  }
}
</script>

<style>
</style>