Vuetify 文本区域为空或少于 200 个字符的规则

Question

我正在使用 Vuetify 并尝试获取文本区域以仅在超过 200 个字符时进行验证。

如果用户有 1 个或更多字符，我只想使字段验证，但如果它至少是 1 个字符，则少于 200 个字符。这个文件不是必需的，但如果他们选择在其中输入数据，我想确保它不超过 200 个字符。

<v-textarea
    v-model="description"
    :counter="200"
    :rules="[v => (v && v.length <= 200) || 'Description must be 200 characters or less']"
    label="Description"
    height="125"
    no-resize
    outline
/>

Answer 1

根据this example官方文档中提供的内容，我认为您应该执行以下操作：

:rules="[v => (v || '' ).length <= 200 || 'Description must be 200 characters or less']"