Question

<v-text-field :rules="[v => !!v || 'Name is required']" label="Name" v-model="crewDetailObj.name" ></v-text-field>
<v-text-field :rules="[v => !!v || 'Address is required']" label="Address" v-model="address" ></v-text-field>

validate(v,msg)
{
 return [v => !!v || '$msg is required']
}

是否有可能使规则msg是动态的，从而从label取值？或我先传递名称然后返回的规则给我的函数。

Answer 1

是的，有可能，您只需要返回一个返回布尔值或字符串的函数即可。

这是一个示例：

<v-text-field
     :rules="[
     (value) => { return (genericRequiredRule(value, "myMessage")) }
     ]"
</v-text-field>

这是我用来验证字段的js mixins：

genericRequiredRule: (value, msg) => !!value || msg

我希望它能帮助解决您的问题。

我想让Rule msg动态成为VueJS

1 个答案: