uniapp textarea 字数问题
程序员文章站
2022-04-29 14:41:11
...
uniapp的文档本来就不多,但是写法和vue大同小异。
<textarea class="p-20" placeholder="请填写退款说明" maxlength="100" @input = "descInput" v-model="desc" />
<view class="num">{{remnant}}/100</view>
<script>
export default {
data() {
return {
remnant:0
}
}
},
methods: {
//字数
descInput(){
var txtVal = this.desc.length;
this.remnant = txtVal;
},
}
</script>
这个是显示当前文字。用v-model获取值 如果想显示剩余多少字体的话 remnant定义一个数值,然后 this.remnant = 数值-txtVal;就可以了
上一篇: 怎么用好php递归函数返回值及return语句?实例详解
下一篇: CSS中设置字体样式