uniapp textarea 字数问题

原创于 2019-01-10 10:14:07 发布 · 8.4k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#uniapp

本文介绍了一个基于uniapp的简单退款说明输入组件实现。该组件使用了textarea元素结合v-model双向绑定，实时显示剩余输入字符数，通过descInput方法更新剩余字符数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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(){
	this.remnant = e.detail.value.length
 },
}

</script>

改进了一下这个应该是最简单的了吧