Element UI表格采用复选框，第一行默认选中且禁用

Element UI表格采用复选框，第一行默认选中且禁用

表格：

                            <el-table
                                ref="multipleTable"
                                :data="nodesData"
                                :span-method="objectSpanMethod"
                                :header-cell-class-name="cellClass"
                                style="width: 100%; margin-top: 20px"
                                @selection-change="handleSelectionChange"
                            >
                                <el-table-column
                                    prop="name"
                                    label="姓名"
                                />
                                <el-table-column
                                    prop="choose"
                                    label="选择"
                                    width="65"
                                    type="selection"
                                    align="center"
                                    :selectable="selectEnable"
                                />
                            </el-table>

将第一行默认选中：

toggleRowSelection: 有两个参数（row, selected）
用于多选表格，切换某一行的选中状态，如果使用了第二个参数，则是设置这一行选中与否（selected 为 true 则选中）

methods：{
	    // 第一行默认选中
        defaultChecked() {
            var that = this;
            that.$nextTick(() => {
            	that.$refs.multipleTable.toggleRowSelection(this.nodesData[0], true);
            });
        },
}

将表格列的type类型设置为selection，添加:selectable='方法名’

methods: {
	selectEnable(row, rowIndex) {
            var that = this;
            for (const j in that.multipleSelection) {
            	// 如果和想要的id相同（等于1）
                if (row.id === that.multipleSelection[j].id) {
                    return false; // 禁用
                } else {
                    return true; // 不禁用
                }
            }
        },
}