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