多个下拉框绑定同一个on-change事件遇到的坑

最新推荐文章于 2023-04-12 11:11:45 发布

绿茶程序媛

最新推荐文章于 2023-04-12 11:11:45 发布

阅读量1.4k

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/qq_43137725/article/details/103503246

版权

本文讲述了在实现三个下拉框互斥功能时，将它们绑定到同一个on-change事件导致的bug。当选择一个下拉框并清除其他框的值时，由于事件触发两次，清空操作出现问题。解决方案是在clearTjlx方法中添加判断，避免重复执行清空操作。

摘要由CSDN通过智能技术生成

三个下拉框实现互斥的功能，选中一个值清空其他组件的值。
为三个下拉框绑定同一个on-change事件，发现选中的时候总是出bug。

代码如下

   clearTjlx(state, val) {
   
                if (state == 'gcjy') {
   
                    this.$set(this.searchData, 'zbbaTjlx', '');
                    this.$set(this.searchData, 'sgbaTjlx', '');
                } else if (state == 'zbba'

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

绿茶程序媛

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
多个下拉框绑定同一个on-change事件遇到的坑

三个下拉框实现互斥的功能，选中一个值清空其他组件的值。为三个下拉框绑定同一个on-change事件，发现选中的时候总是出bug。代码如下 clearTjlx(state, val) { if (state == 'gcjy') { this.$set(this.searchData, 'zbbaTjlx', '');...
复制链接

扫一扫