vue文本框字数限制

Vue文本框字数限制可以通过监听输入事件和计算文本长度来实现。下面是一个示例代码：

<template>
  <div>
    <textarea v-model="text" @input="checkTextLimit"></textarea>
    <p>已输入字数：{{ text.length }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      text: ''
    };
  },
  methods: {
    checkTextLimit() {
      const MAX_LENGTH = 10; // 设置最大字数限制
      if (this.text.length > MAX_LENGTH) {
        this.text = this.text.slice(0, MAX_LENGTH); // 截取超过限制的部分
      }
    }
  }
};
</script>

在上面的示例中，我们通过`v-model`指令将文本框的值绑定到`text`变量上。然后，我们监听`@input`事件来实时检查输入的文本长度。如果超过了最大字数限制（这里设置为10），我们使用`slice`方法截取超过限制的部分。

通过这种方式，你可以轻松地实现Vue文本框的字数限制功能。当然，你可以根据自己的需求调整最大字数限制和其他样式。