textarea Limit

原生方式限制input长度

<!--切记 面向对象，添加或者怎样-->

<template>
  <div>
    <textarea v-model="message" @input="limitText"></textarea>
    <p>输入的文本：{{ message }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: '',
      maxLength: 10, // 设置最大长度
    };
  },
  methods: {
    limitText(event) {
      if (event.target.value.length > this.maxLength) {
        this.message = event.target.value.substring(0, this.maxLength);
      }
    },
  },
};
</script>