uni-app/微信小程序 @input 延迟500毫秒判断input内容是否持续输出

  1. 首先写入一个input和@input方法
<input type="text" v-model="goodsName" @input="inputUp" placeholder="请输入商品名称大于4个汉字"">
  1. 在data()中设置goodsName
data() {
	return {
		goodsName:'',
	}
}
  1. 调用inputUp方法
methods: {
	inputUp:function(e){
		let cName = e.detail.value
			let that = this
			// 添加延时判断500毫秒内input框内容会不会变化,不会变化时发送请求
			setTimeout(function(){
				if(that.goodsName == cName){
					console.log('不变化')			// 按要求基本只要if就行了else有用到就加没用到就删除
				}else{
					console.log('变化')
				}
			},500);
		},
}

input连续输出123456

输出结果:“变化”*5,最后输出“不变化”*1
获取到input值就是123456
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值