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 Production modeで起動
#vue
2020-08-21 11:01:33
v-model
#vue
2020-07-13 19:05:01
Nuxt.js環境構築
#vue
2020-10-21 16:21:42
classを動的に付け替える
#vue
2020-09-09 17:34:21
NuxtでjQueryを利用できるようにする
#vue
2020-06-18 20:25:13
Back