cascader 动态加载 回显_Elementui cascader 级联选择器 动态加载数据,保存后回显的问题...
生活随笔
收集整理的這篇文章主要介紹了
cascader 动态加载 回显_Elementui cascader 级联选择器 动态加载数据,保存后回显的问题...
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
問題描述
使用elementui,進行地區選擇,分省市區三級動態加載,首次保存后,再次回看數據,怎么選中上次保存的地區
省市區三級都是動態加載,下次回來,只有省一級數據,model里面存的是一個數組,完全選不中,本來想下次回來給一個字符串在model里面的,但是也不現實
elementui 版本2.9.1
采用動態加載的方式
let id = 0;
export default {
data() {
return {
props: {
lazy: true,
lazyLoad (node, resolve) {
const { level } = node;
setTimeout(() => {
const nodes = Array.from({ length: level + 1 })
.map(item => ({
value: ++id,
label: `選項${id}`,
leaf: level >= 2
}));
// 通過調用resolve將子節點數據返回,通知組件數據加載完成
resolve(nodes);
}, 1000);
}
}
};
}
};
總結
以上是生活随笔為你收集整理的cascader 动态加载 回显_Elementui cascader 级联选择器 动态加载数据,保存后回显的问题...的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 成员的访问控制java_java类成员的
- 下一篇: toncat 如何部署 java_tom