8***@qq.com
8***@qq.com
  • 发布:2022-05-16 10:36
  • 更新:2022-05-16 11:27
  • 阅读:466

vue3版本中 @input 监听事件导致用户输入问题**末尾增加了英文逗号**。

分类:HBuilderX

产品分类: HbuilderX

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 12.3.1 (21E258)

HBuilderX版本号: 3.4.7

示例代码:

<input type="text" class="uni-input" v-model="data.form.shipperyang" @input="searchboxopen(data.form.shipperyang)" placeholder="请输入抬头名称(可检索)" maxlength=20 />

export default {
setup() {
const data = reactive({
form: {
shipperyang: '' // 抬头单位
}
})
const searchboxopen = () =>{
console.log(data.form.shipper)
}
return {
data,
searchboxopen
}
}
}

操作步骤:

markdown <input type="text" class="uni-input" v-model="data.form.shipperyang" @input="searchboxopen(data.form.shipperyang)" placeholder="请输入抬头名称(可检索)" maxlength=20 />

预期结果:

markdown <input type="text" class="uni-input" v-model="data.form.shipperyang" @input="searchboxopen(data.form.shipperyang)" placeholder="请输入抬头名称(可检索)" maxlength=20 />

实际结果:

markdown <input type="text" class="uni-input" v-model="data.form.shipperyang" @input="searchboxopen(data.form.shipperyang)" placeholder="请输入抬头名称(可检索)" maxlength=20 />

bug描述:

vue3版本中
@input 监听事件导致用户输入问题末尾增加了英文逗号
watchEffect 监听 也只是能监听到 输入后的文字(文字中却不包含末尾增加的英文逗号)

2022-05-16 10:36 负责人:无 分享
已邀请:
BoredApe

BoredApe - 有问题就会有答案。

录个视频

8***@qq.com

8***@qq.com (作者)

我已经知晓什么问题出现的BUG。
HBuilderX版本号: 3.4.7 input 事件函数返回 Promise 时,输入框
官方修复了

  • f***@gmail.com

    我这边在HBuilder 3.4.12-alpha中还是遇见了同样的问题,@input是一个异步搜索功能,请问怎么解决

    2022-06-07 12:13

该问题目前已经被锁定, 无法添加新回复