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

Question

我需要使用 vue js 插槽将内容注入 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>