vue 動的にcomponentsをレンダリングする

本稿について

本稿はサイト運営者が学んだことなどを記したメモの内容です。
全てが正確な情報とは限りません。ご注意ください。また修正するべき点は適時修正していきます
普段はtemplateに v-if などで動的にレンダリングしているが、script上で動的にmountする場合は以下のように行う

import Modal from '~/components/Modal.vue'
import Vue from 'vue'

viewModal: function(){
      const modalComponent = Vue.extend(Modal)
      let modal = new modalComponent({
        id: `modal-${this.id}`,
      })

      modal.$mount()
      this.$el.append(modal.$el)


[参考]

Back