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

news/2024/10/18 19:28:43/

bug_0">bug描述

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

当前uni版本:^2.0.2-3070920230324001 vue2

bug_5">bug复现过程

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

<uni-forms ref="form" :modelValue="formObj" label-position="top" label-width="100%"><uni-forms-item label="绑定单位:"><uni-data-selectv-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()中改变该值:

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

这时你会发现,已经自动触发@change方法了,而且还触发了两次
在这里插入图片描述

解决方案

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

其他方案

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


http://www.ppmy.cn/news/1517963.html

相关文章

day-43 盛最多水的容器

思路 双指针&#xff1a;首先令i0,jheight.length-1,选取短板&#xff08;即Math.min(height[i],height[j])&#xff09;,然后将短板向内移动&#xff0c;直达i>j即可得到答案。 解题过程 短板向内移动&#xff1a;水的容量可能增大 长板向内移动&#xff1a;水的容量不可能…

javascript网页设计案例

以下是一些使用 JavaScript 进行网页设计的案例&#xff0c;这些案例展示了 JavaScript 在前端开发中的强大功能和灵活性。每个案例都包含了基本的实现思路和代码示例。 图片画廊&#xff08;Image Gallery&#xff09; 功能&#xff1a;展示一组图片&#xff0c;并支持点击放…

聚焦AI4SE软件工程领域,基于Multi Agent System多智能体系统开发的最新成果,实现软件开发领域的PUGC!

可能有很多小伙伴不了解AI4SE是什么&#xff0c;其实从字意上就不难看出一定是和AI相关。 AI4SE&#xff08;Artificial Intelligence for Software Engineering&#xff09;是指将人工智能技术应用于软件工程领域。 其核心目标是通过自动化和智能化技术降低软件开发的复杂性…

蓝花楹花语探秘:从宁静忧郁到等待爱情的深刻寓意

在时光的长河中&#xff0c;有一种花朵宛如梦幻的精灵&#xff0c;每当它绽放之时&#xff0c;那一片绚烂的蓝紫色便如同璀璨的星空倾洒人间&#xff0c;它就是蓝花楹。蓝花楹那独特的身姿和醉人的色彩&#xff0c;仿佛自带一种神秘的魔力&#xff0c;吸引着无数人驻足凝望。而…

C++面向对象学习(多态)

C多态 多态&#xff0c;看字面意思都能理解吧&#xff0c;就是多种形态。当类之间存在层次结构&#xff0c;并且类之间是通过继承关联时&#xff0c;就会用到多态。 在我们使用继承的时候&#xff0c;我们调用父类的函数就会将父类的数据一并继承下来&#xff08;解释的不是很…

【React】useEffect的使用场景与作用

useEffect 是 React 中的一个 Hook&#xff0c;用于在函数组件中执行副作用。副作用是指那些与渲染过程无关的操作&#xff0c;比如数据获取、订阅事件、手动操作 DOM、日志记录等。useEffect 允许你在函数组件中引入这些副作用&#xff0c;而不必依赖于类组件的生命周期方法&a…

C++和OpenGL实现3D游戏编程【连载6】——不规则图形的纹理贴图

C++和OpenGL实现3D游戏编程【连载6】——不规则图形的纹理贴图 1、本节实现的内容 上一节我们讨论了纹理贴图的相关基础操作,但上一节的纹理贴图操作基本上都是规则图形,包括圆形和球形虽然复杂一点,但是它也是规则的。这一节课我们要讨论一下,怎么在不规则图形上纹理贴图…

‌使用网站地图:‌优化网站结构,‌提升搜索引擎抓取效率

在网站优化策略中&#xff0c;‌使用网站地图是一项至关重要的措施。‌网站地图&#xff0c;‌特别是XML格式的网站地图&#xff0c;‌为搜索引擎提供了一个详细的网站结构蓝图&#xff0c;‌有助于蜘蛛更快地了解网站内容&#xff0c;‌发现新的或更新过的页面。‌以下是关于如…