uniapp input设置了@input事件动态修改值不生效。

FenceRain

于 2023-08-21 13:49:26 发布

阅读量884

点赞数

CC 4.0 BY-SA版权

分类专栏： uni-app 文章标签： uni-app

4 篇文章

订阅专栏

本文介绍了在Vue应用中，使用setTimeout实现的延时修改与$nextTick进行的异步修改两种方法，讨论了它们在处理RFID数据更新时的适用场景和性能差异。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有两种方法：1、延时修改。2、异步修改

<input @input="getTongCode" class="input" type="text" v-model="bucketRfid" placeholder="请扫描RFID" />

延时修改

setTimeout(() => {    // 设置延迟1000ms有效，App端设置0实测无效
	this.bucketRfid = '';
}, 1000)

异步修改

this.$nextTick(() => {
	this.bucketRfid = '';
})