Vue.js 如何将模式传播到VueJS的复合组件中?

Vue.js 如何将模式传播到VueJS的复合组件中?,vue.js,vuejs2,vue-component,vuetify.js,Vue.js,Vuejs2,Vue Component,Vuetify.js,Vuetify为文本字段组件提供了很多选项。我的想法是创建一个自定义文本字段组件,其中包含一些预定义的选项,如图标、平面、框等。但我不想在自定义组件中使用value属性和输入事件。有没有办法将自定义文本字段的模型传播到Vuetify文本字段 下一个代码不工作,但我想有类似的东西 <template> <v-text-field flat v-model="value" ></v-text-field> </template> <scrip

Vuetify为文本字段组件提供了很多选项。我的想法是创建一个自定义文本字段组件,其中包含一些预定义的选项,如图标、平面、框等。但我不想在自定义组件中使用value属性和输入事件。有没有办法将自定义文本字段的模型传播到Vuetify文本字段

下一个代码不工作,但我想有类似的东西

<template>
  <v-text-field flat v-model="value" ></v-text-field>
</template>
<script>
export default {
  props: ['value']
}
</script>
将props值向下传递给v-text-field的值prop,并将输入事件发送回自定义文本字段组件@input。然后,您可以在自定义文本字段组件上使用v-model:

导出默认值{ 道具:['value'] } Vue.组件“应用程序文本”{ 模板:``, 道具:['value'] } 新Vue{ el:应用程序, 数据:{ 价值:3 } } {{value}}