收藏
回答

textarea组件输入字数超出最大输入长度后超出部分不显示但会成功输入一到两个字

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug textarea 微信安卓客户端 7.0.19 2.14.0

textarea设置maxlength为100,输入到第101个字时不显示,但成功输入,导致提交的数据出现长度限制的错误,代码片段如下:

<textarea v-show="textareaVisibale" @input="textareaInput($event,100,'memberDesc')" v-model="addForm.memberDesc" :show-confirm-bar="showConfirm"  auto-height="true" maxlength="100" :adjust-position="inputUp" @focus="inputFocus" @blur="inputBlur"/>

textareaInput(event,maxlength,propertyName){

if(event.detail.cursor==maxlength){

uni.showToast({

title:'最多只能输入'+maxlength+'个字!',

icon:'none',

duration:2000

})

}else if(event.detail.cursor>maxlength){

uni.showToast({

title:'最多只能输入'+maxlength+'个字!',

icon:'none',

duration:2000

})

console.log('event.detail.cursor:',event.detail.cursor);

console.log('event.detail.value:',event.detail.value);

console.log('this.addForm[propertyName]:',this.addForm[propertyName]);

// this.addForm[propertyName]=this.addForm[propertyName].substring(0,maxlength)

// this.$set(event.detail,'value',event.detail.value.substring(0,maxlength))

}

},

测试结果如图:

回答关注问题邀请回答
收藏

1 个回答

登录 后发表内容
问题标签