【uniapp重大bug】uni-data-select的localdata改变,也会触发@change方法

bug描述

uni-data-select的下拉列表值localdata是动态获取的,且绑定了@change方法,在页面加载后,请求localdata的列表数据,给localdata重新赋值,此时发现自动触发了@change方法

当前uni版本:^2.0.2-3070920230324001 vue2

bug复现过程

页面写个简单的演示代码:

javascript 复制代码
<uni-forms ref="form" :modelValue="formObj" label-position="top" label-width="100%">
  <uni-forms-item label="绑定单位:">
    <uni-data-select
      v-model="formObj.tenantId"
      :localdata="tenantList"
      placeholder="请选择绑定单位"
      @change="changeTenant"
    ></uni-data-select>
  </uni-forms-item>
</uni-forms>

export default {
  data() {
	return {
	  tenantList: [],
      formObj: {
        tenantId: null,
      },
	}	
  },
  methods: {
	changeTenant(e) {
      console.log('uni-data-select改变了')
    },
  }
}

这样写没啥事,此时localdata绑定的是个静态值,下面我们改变一下localdata(想当于实际业务中的获取接口值)

我们在created()中改变该值:

javascript 复制代码
setTimeout(() => {
  this.tenantList = [
    { value: 1, text: '中国移动', },
    { value: 2, text: '中国联通', },
  ]
}, 1000)

这时你会发现,已经自动触发@change方法了,而且还触发了两次

解决方案

这是组件的问题,没法从根源解决

其他方案

不要使用组件的@change方法,自己用watch监听值变化吧

相关推荐
疯狂的沙粒7 分钟前
在uni-app中如何从Options API迁移到Composition API?
javascript·vue.js·uni-app
Revol_C1 小时前
【调试日志】我只是用wangeditor上传图片而已,页面咋就崩溃了呢~
前端·vue.js·程序员
HelloWord~1 小时前
SpringSecurity+vue通用权限系统2
java·vue.js
upp2 小时前
【bug】Error: /undefinedfilename in (/tmp/ocrmypdf.io.9xfn1e3b/origin.pdf)
ubuntu·pdf·bug·ghostscript
bysking2 小时前
【27-vue3】vue3版本的"指令式弹窗"逻辑函数createModal-bysking
前端·vue.js
龚思凯2 小时前
Vue 3 中 watch 监听引用类型的深度解析与全面实践
前端·vue.js
red润2 小时前
封装hook,复刻掘金社区,暗黑白天主题切换功能
前端·javascript·vue.js
Momoly083 小时前
vue3+el-table 利用插槽自定义数据样式
前端·javascript·vue.js
bo521003 小时前
从0到1:Element Plus虚拟树的拖拽功能二次开发实战
javascript·vue.js
小约翰仓鼠3 小时前
vue3表格使用Switch 开关
前端·javascript·vue.js