后端只返回最后一级的id,el-cascader如何回显
时间: 2023-08-02 21:45:15 浏览: 76
如果后端只返回最后一级的id,那么在el-cascader的回显功能中,你需要手动将这个id转换成对应的完整路径,然后再将路径传入el-cascader组件中进行回显。具体的实现方法可以参考以下步骤:
1. 定义一个函数,将后端返回的id转换成对应的完整路径,例如:
```javascript
function getPathById(id, options) {
const path = [];
const findPath = (id, options) => {
for (let i = 0; i < options.length; i++) {
const option = options[i];
if (option.id === id) {
path.unshift(id);
if (option.parentId) {
findPath(option.parentId, options);
}
break;
}
}
};
findPath(id, options);
return path;
}
```
这个函数的作用是根据id和options数组(包含所有选项)得出对应的完整路径,例如getPathById(4, options)返回[1, 2, 4]。
2. 在el-cascader组件中使用这个函数,将其返回的路径传入value属性中,例如:
```html
<el-cascader :options="options" :value="getPathById(4, options)"></el-cascader>
```
这样就能够将后端返回的id回显到el-cascader组件中了。