Vue3 的级联绑定
0
最佳答案
0
提问方式和描述都很不错，后端接口和前端逻辑都贴出来了，点名表扬。
问题应该出在变量的定义上，在Vue3里，可以通过ref关键字定义响应式变量，你有个false值用了ref
但是下面的DepartList却没有使用ref，所以这个变量是没有响应性的，在http里请求到数据再赋值，虽然变量有数据， 但是组件因为变量没有响应性所以绑定不到更改后的值。
做法是
var DepartList = [] 修改为 const DepartList = ref([])
DepartList = res 修改为 DepartList.value = res
以上，希望能帮助到你。
收获园豆：80
刚刚试了一下果然出来了，自学的vue3，刚学2天所以有好多不懂
意思就是上面定义了响应式的变量，下面所有的变量想要使用必须也要是响应式的，对嘛
@陌离~: 是的，都要是响应性的才行
@默卿: 那ref在定义多个响应式变量的时候需要注意什么嘛，就是在绑定这个级联之后还要再绑定一个普通的下拉，我写完之后下拉可以出数据，但是级联没有数据了
@陌离~: 参照Element Plus官方文档写的级联选择器案例去使用就可以了，效果出不来多半是代码有遗漏，先建个空页面跑一遍案例，再套入到自己的项目里
@默卿: 多谢大佬，我刚刚又检查伦理一遍代码，发现是方法定义之后，没有return出来
