vue插槽问题

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

// ... a.vue
<template>
  <b>
    <template #slot>
       <c>
         <!-- 想要插入组件到此处。通过js编写代码,非模板方式静态编写的 -->
       <c>
    </template>
  <b>
</template>
阅读 2.2k
2 个回答

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

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

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

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


</template>

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题