Vue.js - 将模板传递给孙子

时间:2021-03-05 13:49:34

标签: javascript vue.js

我有一个组件,它从这样的道具动态定义一组插槽:

<template v-for="(field, index) in fields">
  <div
    v-if="!field.hide"
    :key="index"
    class="my-class"
  >
    <slot :name="getSlotName(field.name, 'label')" />
  </div>
</template>

我有一个组件 WrapperComponent 使用模板来填充这些插槽:

<slotted-component :fields="[{name: 'f1'}]">
  <template #f1>
    Some content here
  </template>
</slotted-component>

而且我希望能够从 WrapperComponent 的父组件中覆盖