uniapp textarea字数显示

在UniApp框架中，如果你想要实现在`textarea`组件中显示字符数的功能，你可以通过监听文本区域的`input`事件，并计算输入框中的文字长度来达到这个效果。以下是一个简单的示例：

<view class="content">
  <textarea placeholder="请输入内容" v-model.number="text" @input="countCharacters"></textarea>
  <text>{{ count }} / {{ maxLength }}</text> <!-- 显示当前字符数和最大字符数 -->
</view>

<script>
export default {
  data() {
    return {
      text: '',
      maxLength: 200,
      count: 0, // 当前字符数
    };
  },
  methods: {
    countCharacters(e) {
      this.count = e.detail.value.length;
      if (this.count > this.maxLength) {
        // 如果超过最大字符数，可以在这里添加提示或自动截断等操作
        console.log('已达到最大字符数');
      }
    },
  },
};
</script>

在这个例子中，`v-model.number`用于绑定数字类型的值，防止用户输入非数字字符。`@input`事件会在每次文本输入时触发，然后更新`count`属性。