Vue.js Vue-从组件检索事件和v模型
我是Vue的新手,我希望使用vuetify为v-select提供一个可重用的组件。现在的问题是我不知道如何将v-model和@events传递给组件。下面是我的代码 Template.vue v-选择元件 导出默认值{ 名称:“BaseSelect”, 道具:['value','items','item text','item value'], 数据:=>{ } }Vue.js Vue-从组件检索事件和v模型,vue.js,Vue.js,我是Vue的新手,我希望使用vuetify为v-select提供一个可重用的组件。现在的问题是我不知道如何将v-model和@events传递给组件。下面是我的代码 Template.vue v-选择元件 导出默认值{ 名称:“BaseSelect”, 道具:['value','items','item text','item value'], 数据:=>{ } } 您可以将所有属性和侦听器传递给子组件,并编写以下命令: <template> <v-select v
您可以将所有属性和侦听器传递给子组件,并编写以下命令:
<template>
<v-select
v-bind="$attrs"
v-on="$listeners"
dense
clearable
/>
</template>
<script>
export default {
name: 'BaseSelect',
data: () => ({
})
}
</script>
你可以从21:50开始看。它很好地解释了如何制作透明包装您可以将所有属性和侦听器传递给子组件,编写以下代码:
<template>
<v-select
v-bind="$attrs"
v-on="$listeners"
dense
clearable
/>
</template>
<script>
export default {
name: 'BaseSelect',
data: () => ({
})
}
</script>
你可以从21:50开始看。它很好地解释了如何制作透明包装器检查此资源,了解v-model以及如何在自定义组件中实现它非常好:检查此资源,了解v-model以及如何在自定义组件中实现它非常好:这使事情变得非常简单。非常感谢你!这让事情变得更容易。非常感谢你!