在修改页面使用input组件时,多次反复进入修改页面,input的值有时为空,是因为 抖音小程序的input组件的maxlength会触发bindinput事件,并且执行顺序是不确定的。
目前抖音官方好像还没有修复,可使用如下代码临时解决:
/**
* 输入时触发
* @param {Object} event
*/
onInput(event) {
let value = event.detail.value
// 解决抖音小程序 反复返回,输入框值为空的问题(maxlength在安卓手机上会触发bindinput事件)
// #ifdef MP-TOUTIAO
if(!value && this.modelValue){
return
}
// #endif
this.val = value;
// TODO 兼容 vue2
this.$emit('input', value);
// TODO 兼容 vue3
this.$emit('update:modelValue', value);
},
1 个评论
要回复文章请先登录或注册
wang111 (作者)