vue组件全局挂载,js调用
2021-12-02 本文已影响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
![](https://img.haomeiwen.com/i15842714/c0760c67f0b52375.png)
![](https://img.haomeiwen.com/i15842714/793b4c85fb1af514.png)