我有一个收集地址的表格。完全指定的地址可以,完全空的地址也可以,但是部分地址也不可以。
我正试图以这种方式表达这一点:
kwargs
我可以看到该方法被调用,并且可以看到在向输入中添加和删除字符时总长度发生了变化,但是当<v-text-field :required="reqIn(address)" v-model="address.street" label="Street"></v-text-field>
<v-text-field :required="reqIn(address)" v-model="address.city" label="City"></v-text-field>
<v-text-field :required="reqIn(address)" v-model="address.state" label="State"></v-text-field>
// methods
reqIn (address) {
// addresses may be all blank, or fully specified
let totalLength = address.street.length + address.city.length + address.state.length + address.zip.length
console.log(totalLength)
return totalLength === 0
}
达到0时,我期望字段将按要求进行样式设置(如果他们是空的)。但我看不到这种情况。知道我在做什么错吗?
答案 0 :(得分:0)
这是因为如果希望每当更新某些变量时就动态更改该值,则方法reqIn
会在开始时被调用一次,因此可以使用computed properties
:{{3} }
答案 1 :(得分:0)
样式是通过vuetify rules而不是required
指令完成的。对于每个v-text-field
,如果需要,可以使用相同的规则。示例code pen。
required
指令documentation。