如何以编程方式在 vuejs 应用程序中附加插槽

如何解决如何以编程方式在 vuejs 应用程序中附加插槽

我需要使用 vue js slot 将内容注入到 dom 中的任何位置。

该组件将具有如下道具 -

1. in: The target element. Should be able to accept a string selector,or an element as object.
2. as: Defines one of the insert modes: (append,prepend,replace,fill)

我仍在寻找如何在给定的选择器中呈现插槽并根据给定的插入模式插入的解决方案。下面是我的插槽组件 -

MySlotComponent.vue:

<script>
export default {
  props: {
    in: {
      type: [String,Object],default: 'body'
    },as: {
      type: String,default: 'append'
    }
  },render(h) {
    return this.$scopedSlots.default();
  },}
</script>