如果其他人非空,则需要Vue输入

时间:2019-03-04 21:27:08

标签: javascript vue.js vuetify.js

我有一个收集地址的表格。完全指定的地址可以,完全空的地址也可以,但是部分地址也不可以。

我正试图以这种方式表达这一点:

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时,我期望字段将按要求进行样式设置(如果他们是空的)。但我看不到这种情况。知道我在做什么错吗?

2 个答案:

答案 0 :(得分:0)

这是因为如果希望每当更新某些变量时就动态更改该值,则方法reqIn会在开始时被调用一次,因此可以使用computed properties:{{3} }

答案 1 :(得分:0)

样式是通过vuetify rules而不是required指令完成的。对于每个v-text-field,如果需要,可以使用相同的规则。示例code pen

required指令documentation