vue插槽问题

  • Z时代
  • 2024-02-07
  • 分类：IT

vue插槽问题

问题： a组件中引用了b组件。插入默认插槽使用了c组件。 问b组件怎么如何编写，可以动态插入组件到c的默认插槽中。
b组件为一个动态生成元素的组件。通过传递的配置项数据来生成对应各种组件， 但是传递对应名称的插槽可以来替换组件显示内容。但是还是需要把当前需要生成的组件插入到这个插槽中。 不知道大佬们能不能听懂。

// ... a.vue
<template>
  <b>
    <template #slot>
       <c>
         <!-- 想要插入组件到此处。通过js编写代码，非模板方式静态编写的 -->
       <c>
    </template>
  <b>
</template>

回答：

你先不要考虑b是不是动态的，先把插槽功能实现在看看怎么动态实现
https://cn.vuejs.org/v2/guide...

插槽的意思不就是你插什么进去，就展示什么进去。这就是动态的啊

回答：

考虑用动态组件,可实现你的需求
<template>

<template #slot>
   <c>
     <component :is="currentComponent"/> 
   <c>
</template>


</template>

以上是 vue插槽问题 的全部内容， 来源链接： utcz.com/p/935459.html

回到顶部