Memo
vue 動的にcomponentsをレンダリングする
Home
›
Memo
›
動的に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)
[参考]
https://ryotah.hatenablog.com/entry/2020/01/12/132640
関連ページ
Nuxt Firebase AuthでSNSログイン
#vue
2021-03-11 20:56:17
SSRかSPAのレンダリングかを判定する
#vue
2020-09-08 19:05:42
Nuxt local起動をhttpsで起動する
#vue
2020-11-11 15:05:58
Nuxt 環境変数
#vue
2020-07-29 10:57:04
バインディング
#vue
2020-09-04 12:05:17
Back