Vue.extend()实现全局弹框组件

最新推荐文章于 2023-05-08 11:54:45 发布

叽叽咕咕呱呱

最新推荐文章于 2023-05-08 11:54:45 发布

阅读量289

点赞数

分类专栏： vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/twoyearTrainee/article/details/125392166

版权

vue 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

新建一个js文件或者在 main.js里写

import Vue from 'vue'
//引入刚才写的弹框组件
import seeInfoView from '@/components/px/com/seeInfo.vue'; 

// 返回一个“扩展实例构造器”  
let seeInfoConstructor = Vue.extend(seeInfoView); 

//导出方法
export const seeInfo = (data) => {
  let dom = new seeInfoConstructor({
    el: document.createElement('div')
  })
  document.body.appendChild(dom.$el);
  //start为组件内部的方法
  dom.start(data)
}

// 挂载到 Vue.prototype
Vue.prototype.$seeInfo = seeInfo