我想让 Rule msg 动态 VueJS

【问题标题】：I want to make Rule msg dynamic VueJS我想让 Rule msg 动态 VueJS
【发布时间】：2019-04-02 08:26:57
【问题描述】：

<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 中获取值？或者我传递一个名称然后作为回报给我规则的函数。

【问题讨论】：

标签： html vue.js mvvm vuetify.js

【解决方案1】：

是的，这是可能的，您只需要返回一个返回布尔值或字符串的函数，这就是您的消息。

这是一个例子：

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

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

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

我希望它对您的问题有所帮助。

【讨论】：