el-table el-column selection disable

如果在 ElementUI 的 el-table 中设置了 `disable` 属性，但是 el-column 的选择功能仍然可用，可能是由于 `disable` 属性只是禁用了 el-table 的选择功能，而 el-column 是作为 el-table 的子组件，不受 el-table 的 `disable` 属性控制。 如果要禁用 el-column 的选择功能，可以通过修改 el-column 的 `selectable` 属性来实现。具体代码如下： ```html <template> <el-table :data="tableData" :selectable="!disabled" @selection-change="handleSelectionChange" :row-key="row => row.id"> <el-table-column type="selection" :selectable="selectable" width="55"> </el-table-column> <el-table-column prop="name" label="姓名"> </el-table-column> <el-table-column prop="age" label="年龄"> </el-table-column> </el-table> </template> <script> export default { data() { return { tableData: [ { id: 1, name: '张三', age: 18 }, { id: 2, name: '李四', age: 20 }, { id: 3, name: '王五', age: 25 }, disabled: true, selectable: false, methods: { handleSelectionChange(selection) { console.log(selection); </script> 在上面的代码中，我们通过 `selectable` 属性来控制 el-column 的选择功能是否可用。如果 `selectable` 的值为 `false`，则 el-column 的选择功能将被禁用。在 `el-table` 中，我们可以通过 `selectable` 属性来控制 el-table 的选择功能是否可用。如果 `selectable` 的值为 `false`，则 el-table 的选择功能将被禁用。 同时，我们也可以通过 `disabled` 属性来控制整个 el-table 的选择功能是否可用。如果 `disabled` 的值为 `true`，则整个 el-table 的选择功能将被禁用。

el-select组件的disable状态下的颜色可以通过CSS样式来进行自定义。你可以使用以下样式来修改disable状态下的颜色： ```css /* 修改禁用状态下的文本颜色 */ .el-select[disabled] .el-input__inner { color: #999999; /* 修改禁用状态下的边框颜色 */ .el-select[disabled] .el-input__inner { border-color: #cccccc; /* 修改禁用状态下的背景颜色 */ .el-select[disabled] .el-input__inner { background-color: #f5f5f5; 将上述样式添加到你的项目中的CSS文件中，或者直接在页面中使用`<style>`标签包裹起来即可。请根据你的需求进行相应的颜色替换。这样就可以自定义el-select组件disable状态下的颜色了。