美文网首页
vue组件全局挂载,js调用

vue组件全局挂载,js调用

作者: 我有一条小黑狗 | 来源:发表于2021-12-02 15:27 被阅读0次

import TipMessage from './index.vue'(待挂载的组件)

const tipMessage = {}

tipMessage.install = function(Vue, options = {}) {

  const MessageConstructor = Vue.extend(TipMessage)

  const instance = new MessageConstructor(options)

  instance.$mount()

  document.body.appendChild(instance.$mount().$el)

  Vue.prototype.$tipMessage = (param) => {

    instance.tipMessage(param)

    return instance

  }

}

export default tipMessage

main.js中注册

相关文章

网友评论

      本文标题:vue组件全局挂载,js调用

      本文链接:https://www.haomeiwen.com/subject/tngyxrtx.html