欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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;就可以了

相关标签: uniapp