Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Vuetify:是否可以使用Vuetify从文本组件上的数据添加许多规则?_Javascript_Vue.js_Vuetify.js - Fatal编程技术网

Javascript Vuetify:是否可以使用Vuetify从文本组件上的数据添加许多规则?

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:

我需要在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 => 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
},