uni-app textarea 右下角显示字数限制
时间: 2024-02-05 10:04:09 浏览: 253
TextArea 控件的最大长度问题(js json)
在uni-app中,可以通过设置textarea的maxlength属性和data-maxnum属性来实现右下角显示字数限制。同时,可以使用:value和@input来绑定textarea的值和输入事件。
以下是一个示例代码:
```html
<template>
<textarea class="JTxtArea lg" :maxlength="88" :data-maxnum="reason.length+'/88'" auto-height @input="inputReason" :value="reason"></textarea>
</template>
<script>
export default {
data() {
return {
reason: ''
}
},
methods: {
inputReason(e) {
this.reason = e.detail.value;
}
}
}
</script>
```
在上述代码中,通过设置maxlength属性为88来限制textarea的最大输入字符数。同时,通过:data-maxnum属性将当前输入字符数和总字符数显示在右下角。使用@input绑定inputReason方法来监听输入事件,将输入的值赋给reason变量。
阅读全文