- 首先写入一个input和@input方法
<input type="text" v-model="goodsName" @input="inputUp" placeholder="请输入商品名称大于4个汉字"">
- 在data()中设置goodsName
data() {
return {
goodsName:'',
}
}
- 调用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