当前位置: 首页 > news >正文

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

bug描述

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

当前uni版本:^2.0.2-3070920230324001 vue2

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监听值变化吧

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • JavaWeb——介绍(什么是Web、Web网站的开发模式)、初始Web前端(Web标准、学习内容)
  • 【C/C++】C语言中的内存分布
  • EmguCV学习笔记 VB.Net 7.2 特征点检测
  • 微服务CI/CD实践(四)Jenkins部署及环境配置
  • 「bug」nvitop ERROR: Failed to initialize curses
  • NLP从零开始------文本中阶序列处理之语言模型(完整版)
  • 网创教程自动采集wordpress插件子比主题
  • linux系统,ubuntu安装英伟达NVIDIA4090显卡驱动
  • DHCP服务异常与IP地址管理挑战
  • 我的docker随笔44:构建nginx镜像
  • Dockerfile 实例
  • numpy 中的降维与升维
  • Typora + PicGo + Gitee 实现图片自动上传
  • 建设工程经济之工程经济(二)
  • Git和SVN了解
  • Google 是如何开发 Web 框架的
  • (ckeditor+ckfinder用法)Jquery,js获取ckeditor值
  • 2018以太坊智能合约编程语言solidity的最佳IDEs
  • Docker入门(二) - Dockerfile
  • Essential Studio for ASP.NET Web Forms 2017 v2,新增自定义树形网格工具栏
  • gulp 教程
  • js操作时间(持续更新)
  • MySQL QA
  • Redis 中的布隆过滤器
  • Redis字符串类型内部编码剖析
  • SpiderData 2019年2月16日 DApp数据排行榜
  • SpringBoot 实战 (三) | 配置文件详解
  • webpack项目中使用grunt监听文件变动自动打包编译
  • 百度小程序遇到的问题
  • 基于Dubbo+ZooKeeper的分布式服务的实现
  • 简单实现一个textarea自适应高度
  • 前端技术周刊 2019-02-11 Serverless
  • 前嗅ForeSpider采集配置界面介绍
  • 驱动程序原理
  • 让你的分享飞起来——极光推出社会化分享组件
  • 如何胜任知名企业的商业数据分析师?
  • 使用agvtool更改app version/build
  • 带你开发类似Pokemon Go的AR游戏
  • ​业务双活的数据切换思路设计(下)
  • # linux 中使用 visudo 命令,怎么保存退出?
  • #QT(串口助手-界面)
  • #传输# #传输数据判断#
  • #中的引用型是什么意识_Java中四种引用有什么区别以及应用场景
  • $L^p$ 调和函数恒为零
  • (C语言)fgets与fputs函数详解
  • (带教程)商业版SEO关键词按天计费系统:关键词排名优化、代理服务、手机自适应及搭建教程
  • (附源码)ssm跨平台教学系统 毕业设计 280843
  • (十三)Flink SQL
  • (实战篇)如何缓存数据
  • (四)搭建容器云管理平台笔记—安装ETCD(不使用证书)
  • (算法二)滑动窗口
  • (一)appium-desktop定位元素原理
  • (已解决)报错:Could not load the Qt platform plugin “xcb“
  • (原創) 博客園正式支援VHDL語法著色功能 (SOC) (VHDL)
  • (转)shell调试方法