javascript - 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']"