el-tree-transfer中disabled属性失效
时间: 2023-08-09 19:09:53 浏览: 217
可能是因为您没有正确设置disabled属性的值。请确保将disabled属性设置为布尔值,例如:
```html
<el-tree-transfer :data="data" :disabled="true"></el-tree-transfer>
```
如果您已经正确设置了disabled属性的值,但仍然无法禁用组件,则可能是因为此问题已知,并且可能需要等待el-tree-transfer的开发人员修复。在此期间,您可以尝试使用其他组件或解决方案来实现您的需求。
相关问题
el-tree看不见勾选框disabled后
在Element UI的el-tree组件中,如果想要隐藏勾选框并禁用它们,可以利用`default-checked-keys`、`check-strictly`以及`render-content`属性。当你设置`default-checked-keys`为空数组并且将`check-strictly`设为`true`时,勾选框默认不会显示。
例如:
```html
<el-tree
:data="treeData"
:default-checked-keys="[]"
check-strictly="true"
:render-content="renderTreeNode"
></el-tree>
<script>
methods: {
renderTreeNode(node, data) {
return (
<span>
{node.label} <i v-if="!node.indeterminate && !node.disabled">[{{ node.checked ? '已选择' : '未选择' }}]</i>
</span>
);
}
}
</script>
```
在这个例子中,`render-content`函数用于自定义每个节点的内容,当`node.disabled`为真时,会跳过勾选状态的展示。如果你只想禁用勾选功能而不是完全隐藏,你可以直接在节点上添加`disabled`属性。
el-tree-transfer api
el-tree-transfer 是基于 Element UI 的树形穿梭框组件,其 API 如下:
### el-tree-transfer Props
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|------|------|------|-------|-------|
| data | 显示的数据 | Array | — | [] |
| props | 配置选项,具体看下表 | Object | — | — |
| filterable | 是否可搜索 | Boolean | — | false |
| filterPlaceholder | 搜索框占位符 | String | — | 输入关键字进行过滤 |
| filterMethod | 自定义搜索方法 | Function | — | — |
| titles | 标题数组,顺序从左至右 | Array | — | ['源列表', '目标列表'] |
| buttonTexts | 按钮文本数组,顺序从上至下 | Array | — | [] |
| renderContent | 插槽,暂不支持 | Function | — | — |
| value | 绑定值,选中项的 key 数组 | Array | — | [] |
| format | 格式化选项,具体看下表 | Object | — | — |
| leftDefaultChecked | 初始状态下左侧选中的值的数组 | Array | — | [] |
| rightDefaultChecked | 初始状态下右侧选中的值的数组 | Array | — | [] |
### el-tree-transfer Props - props
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|------|------|------|-------|-------|
| label | 指定节点标签为节点对象的某个属性值 | String | — | label |
| children | 指定子树为节点对象的某个属性值 | String | — | children |
| disabled | 指定节点选择框是否禁用为节点对象的某个属性值 | Boolean | — | disabled |
### el-tree-transfer Props - format
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|------|------|------|-------|-------|
| to | `el-transfer` 中的 `format` 属性值,表示数据从源列表转移到目标列表时,被转移数据的格式化方法 | Function | — | — |
| from | `el-transfer` 中的 `format` 属性值,表示数据从目标列表转移到源列表时,被转移数据的格式化方法 | Function | — | — |
### el-tree-transfer Events
| 事件名称 | 说明 | 回调参数 |
|--------|--------|--------|
| change | 选项在两栏之间转移时触发 | 左侧选中项的 key 数组,右侧选中项的 key 数组,左侧列表,右侧列表 |
### el-tree-transfer Methods
| 方法名 | 说明 | 参数 |
|------|------|------|
| getLeftCheckedNodes | 获取左侧被选中的节点数据 | — |
| getRightCheckedNodes | 获取右侧被选中的节点数据 | — |
| getLeftCheckedKeys | 获取左侧被选中节点的 key 值 | — |
| getRightCheckedKeys | 获取右侧被选中节点的 key 值 | — |
| clearQuery | 清空搜索框内容 | — |
阅读全文