Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.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
Vue.js 向Vuetify组件、质量传递道具添加功能_Vue.js - Fatal编程技术网

Vue.js 向Vuetify组件、质量传递道具添加功能

Vue.js 向Vuetify组件、质量传递道具添加功能,vue.js,Vue.js,我希望能够将道具发送到Vuetify组件,而不需要在我的组件中分配每个道具,有没有一种方法可以让我大量传递所有道具 下面是我目前正在做的,但是有很多道具 我试图简单地扩展VSelect组件,但是这会返回多个错误,这些错误似乎不容易修复 <template> <v-flex xs12 sm6> <v-select v-model="selected" :items="data" :label="label"

我希望能够将道具发送到Vuetify组件,而不需要在我的组件中分配每个道具,有没有一种方法可以让我大量传递所有道具

下面是我目前正在做的,但是有很多道具

我试图简单地扩展VSelect组件,但是这会返回多个错误,这些错误似乎不容易修复

<template>
    <v-flex xs12 sm6>
        <v-select v-model="selected" :items="data"
                  :label="label"
                  :multiple="multiple"
                  :chips="chips"
                  :hint="hint"
                  :persistent-hint="persistentHint"
                  :counter="counter"
                  :dark="dark"
        ></v-select>
    </v-flex>
</template>
<script>
    export default {
        props: {
            label: {
                default: false,
                type: String|Boolean
            },
            multiple: {
                default: true,
                type: Boolean
            },
            chips: {
                default: true,
                type: Boolean
            },
            hint: {
                default: '',
                type: String|Boolean
            },
            persistentHint: {
                default: this.hint !== '' || this.hint !== false,
                type: String|Boolean
            },
            counter: {
                default: false,
                type: Number|Boolean
            },
            dark: {
                default: false,
                type: Boolean
            },
        },
        data: function() {
            return {
                selected: [ ],
                data: [
                    'test', 'test2', 'test3'
                ]
            }
        }
    }
</script>

导出默认值{
道具:{
标签:{
默认值:false,
类型:字符串|布尔值
},
多个:{
默认值:true,
类型:布尔型
},
芯片:{
默认值:true,
类型:布尔型
},
提示:{
默认值:“”,
类型:字符串|布尔值
},
持久点:{
默认值:this.hint!=''| this.hint!==false,
类型:字符串|布尔值
},
柜台:{
默认值:false,
类型:数字|布尔值
},
黑暗:{
默认值:false,
类型:布尔型
},
},
数据:函数(){
返回{
选定:[],
数据:[
“测试”、“测试2”、“测试3”
]
}
}
}

您可以将道具作为对象传递:

<v-select
  v-model="selected" 
  :items="data"
  v-bind="$props"
></v-select>

[]