Javascript Vuetify:是否可以使用Vuetify从文本组件上的数据添加许多规则?
我需要在mixin中为我的组件定义规则 下面是我请求的一个简单示例 守则:Javascript Vuetify:是否可以使用Vuetify从文本组件上的数据添加许多规则?,javascript,vue.js,vuetify.js,Javascript,Vue.js,Vuetify.js,我需要在mixin中为我的组件定义规则 下面是我请求的一个简单示例 守则: <v-text-field :rules="[nbRules, requiredRules]" outlined v-model="name" label="Nom du ticket" required></v-text-field> ... requiredRules: [ v => !!v || 'Le champs est obligatoire', ], nbRules:
<v-text-field :rules="[nbRules, requiredRules]" outlined v-model="name" label="Nom du ticket" required></v-text-field>
...
requiredRules: [
v => !!v || 'Le champs est obligatoire',
],
nbRules: [
v => v.length <= 10 || 'Name must be less than 10 characters',
],
但同样的错误
有办法得到我想要的吗
谢谢您现在要做的是将包含2个其他数组的数组传递到
规则中
,而Vuetify需要一个函数数组
首先需要合并两个数组。最简单的方法是使用扩展语法:
这正是我想要的,谢谢。如果我想结合计算属性和数据规则?
customRules(nb = 10) {
const rules = [];
if (nb) {
const rule =
v => (v || '').length <= nb ||
`A maximum of ${nb} characters is allowed`
rules.push(rule)
}
return rules
},