目标插件:
https://github.com/megafetis/vue3-treeselect
问题描述:
是用这个插件做数据绑定的时候会出现这样的问题,当第一次赋值(v-model)时,可以实现选中,但当数据变化时,选中的数据还是之前的数据,不会自动的切换选中的数据。
<treeselect
v-model="form.parentId"
:options="deptOptions"
:normalizer="normalizer"
placeholder="选择上级部门"
ref="deptTree"
/>
即代码中的form-parentId变化时,仍然显示选中之前的数据。
解决方案:
手动选中
deptTree.value?.select(deptTree.value?.getNode(row.deptId));
这里的deptTree是获取的treeselectDom对象
const deptTree: Ref<typeof Treeselect | null> = ref(null);