在Vue项目中使用el-cascader组件时遇到一个问题，即选择部门后需要点击两次才能将值显示在input框中。解决办法是在data中创建新的变量接收change事件中的值，而不是直接修改组件的v-model。这样做可以确保值在第一次选择后正确回显。
el-cascader点击下拉框，选择部门的时候，需要点击两下，值才能回显到input框中，如下图的单选操作：
接下来，贴上html和methods代码：
methods部分：
到这里，不知道大家有没有注意到图片中我标记的两处，一个是组件绑定的v-model值，还有一个是组件change事件中的赋值；很多情况下我们第一反应是把组件change时，值中的orgCode直接复制给v-model值，但是这样是错的，el-cascader是不能直接改变它的model值的，这样就会导致点击两次才能拿值的问题，我们应该在data中重新定义一个值，作为接受change事件时组件返回的orgCode，然后在查询调接口的时候，把这个值再传过去，这样问题就解决了；
希望对大家有帮助哦！
扫一扫
3317
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
