微信小程序 textarea 安卓端字数超出取值前,输入超出内容返回仍是超出部分。
<view>{{ cnContent.length }}/100</view>
<view class="keyboard-text">
<textarea
show-confirm-bar="{{false}}"
maxlength="{{100}}"
bindinput="setInputVal"
value="{{cnContent}}"
class="apply-textarea"
auto-height
cursor-spacing="{{100}}"
placeholder="输入内容"
focus="{{focus}}"
/>
<view class="btn-area" bindtap="bindButtonTap">
发送
</view>
</view>
setInputVal(e) {
console.log(e.detail.value)
this.cnContent = e.detail.value
}
最后打一段超过限制字数的字段,显示效果是100个字,但是实际获取到的值字数大于100
字数是按照中文来计算的,使用超出也很正常
改成了这样没问题了
// 输入同步页面数据
setInputVal(e) {
if (e.detail.value.length > 100) {
this.cnContent = e.detail.value.slice(0, 100)
} else {
this.cnContent = e.detail.value
}
console.log(this.cnContent)
},