有没有0/200这种格式的
时间: 2023-12-07 15:06:11 浏览: 142
是的,你可以在模板中使用插值语法结合计算属性来实现显示 "0/200" 这种格式的字数统计。
在计算属性中,你可以通过字符串的 `length` 属性获取输入内容的长度,并将其与 200 进行比较。如果长度超过 200,可以使用条件语句将总字数限制在 200 内。
以下是修改后的示例代码:
```vue
<template>
<div>
<textarea v-model="inputText"></textarea>
<p>{{ totalWords }}/200</p>
</div>
</template>
<script>
export default {
data() {
return {
inputText: '',
totalWords: 0
};
},
computed: {
totalWordsCount() {
let count = this.inputText.length;
if (count > 200) {
this.inputText = this.inputText.slice(0, 200);
count = 200;
}
return count;
}
}
};
</script>
```
在上述示例中,`totalWordsCount` 计算属性会根据输入内容的长度计算总字数,并且会对超过 200 的情况进行处理。如果输入内容超过 200 字符,会使用 `slice()` 方法将内容截断为前 200 个字符,并将总字数设置为 200。最后,将计算出的 `totalWords` 变量插入到模板中,与 "0/200" 格式进行显示。
通过以上代码,你可以在 textarea 右下角实时显示输入的总字数,并限制在 200 字以内。
阅读全文
相关推荐



















