q-input 具有值,则仅适用规则

Shu*_*pal 7 vue.js quasar quasar-framework

如果 q-input 的值为 != '' 那么只有我想应用规则,例如所需的最大 8 个数字。在下面的代码中,它给了我所需的输入错误,即使它是空的。

<q-input
    filled
    name="landline"
    label="Landline Phone Number"
    v-model="user.landline"
    placeholder="Landline Phone Number"
    ref="landlinePhoneNumber"
    type="number"
    :maxlength="8"
    :rules="[val => val!='' && val.length > 7 || 'Landline Required 8 digit']"
/> 
Run Code Online (Sandbox Code Playgroud)

Dav*_* Go 8

尝试添加 prop lazy-rules。\n默认情况下,它设置为“ondemand”,这意味着仅当validate()手动调用组件\xe2\x80\x99s 方法或包装器 QForm 提交自身时才会触发验证。更多信息

\n