vue обернуть другой компонент, передавая реквизиты и события

Question

vue обернуть другой компонент, передавая реквизиты и события

1

Как я могу написать свой компонент для переноса другого компонента vue, в то время как мой компонент-оболочка получает некоторые дополнительные реквизиты? Мой компонент шаблона оболочки должен быть:

<wrapper-component>
   <v-table></v-table> <!-- pass to v-table all the props beside prop1 and prop2 -->
</wrapper-component>

и реквизиты обертки:

props: {
  prop1: String,
  prop2: String
}

Здесь я хочу обернуть компонент таблицы и передать компоненту таблицы все реквизиты и события, которые были переданы в обертку, рядом с двумя дополнительными реквизитами prop1 и prop2. Каков правильный способ сделать это в vue? И есть ли решение для событий?

user3599803 11 июнь 2018, в 17:34

Источник

1

Именно для этого предназначены $ listeners и $ props .
Bert 11 июнь 2018, в 15:16

Теги:

javascript

vue.js

wrapper

vue-component

1 ответ

Ещё вопросы

Именно для этого предназначены $ listeners и $ props .

BDawg · Accepted Answer · 2018-06-11T13-19-00.000Z

Поместите компонент, который вы хотите обернуть в шаблон компонента-оболочки, добавьте к этому тегу компонента v-bind="$attrs" v-on="$listeners", затем добавьте внутренний компонент и inheritAttrs: false в компонент обертки config.