q-input 有值然后只有规则将适用
q-input has value then only Rules will apply
如果 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']"
/>
尝试添加道具 lazy-rules
。
默认情况下,它设置为 'ondemand',这意味着仅当手动调用组件的 validate()
方法或包装器 QForm 提交自身时才会触发验证。 More info
如果 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']"
/>
尝试添加道具 lazy-rules
。
默认情况下,它设置为 'ondemand',这意味着仅当手动调用组件的 validate()
方法或包装器 QForm 提交自身时才会触发验证。 More info