wang111
wang111
  • 发布:2024-09-18 20:08
  • 更新:2024-09-18 20:09
  • 阅读:30

uniapp 在抖音(字节)小程序在安卓手机上,使用自己封装的input组件或者easy-input组件时,多次进入修改页面,不定时为空的问题。

分类:uni-app

在修改页面使用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);  
            },
2 关注 分享
DCloud_UNI_HT DCloud_UNI_BFC

要回复文章请先登录注册

wang111

wang111 (作者)

自己找了半天的问题,特意发个贴,希望能给大家节省点时间
2024-09-18 20:09