首页 > Web开发 > 详细

Vue 动态插入组件 用js函数的方式

时间:2021-04-30 10:45:15      阅读:28      评论:0      收藏:0      [点我收藏+]

Vue 动态插入组件 用js函数的方式

  • 第一步 import vue组件
  • 第二步 Vue把组件扩展进去
  • 第三步 创建实例
  • 第四步 将组件的el挂载到document.body上
  • 第五步 设置组件内部data的值,相当于设置props
import yourComponent from ‘./yourComponent.vue‘
import Vue from ‘vue‘
export function openYourComponent (openType = ‘0‘) {
  let Task = Vue.extend(yourComponent)
  let taskvm = new Task()
  document.body.appendChild(taskvm.$mount().$el)
  taskvm.openType = openType
}

Vue 动态插入组件 用js函数的方式

原文:https://www.cnblogs.com/pengchenggang/p/14720641.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!