为什么不能输入200个文字进去只能输入140个字
时间: 2024-04-16 08:29:24 浏览: 72
非常抱歉,我之前的代码有误。在计算属性中,我应该使用 `slice()` 方法将输入文本截断到 200 个字符,而不是将输入文本赋值给 `inputText` 变量。
以下是修正后的示例代码:
```vue
<template>
<div>
<textarea v-model="inputText" @input="updateTotalWords"></textarea>
<p>{{ totalWords }}/200</p>
</div>
</template>
<script>
export default {
data() {
return {
inputText: '',
totalWords: 0
};
},
methods: {
updateTotalWords() {
this.totalWords = this.inputText.length;
if (this.totalWords > 200) {
this.inputText = this.inputText.slice(0, 200);
this.totalWords = 200;
}
}
}
};
</script>
```
在上述代码中,我在 `updateTotalWords` 方法中修正了逻辑。现在,如果输入的文本超过 200 个字符,将使用 `slice()` 方法将文本截断为前 200 个字符,并将 `totalWords` 设置为 200。
现在,你应该能够在 textarea 中输入最多 200 个字符,并在右下角显示正确的总字数。如果输入超过 200 个字符,它们将被截断为前 200 个字符。
阅读全文
相关推荐

















