将this下的某个属性方法指到window下 方便直接调用

src\main.js

将this下的某个属性方法指到window下 方便直接调用

window.$message = this.$message

在VUE文件中 或封装的js库中直接调用 调用方式如下

$message.success(`${this.attrTitle}成功`); 

而不再是

this.$message.success(`${this.attrTitle}成功`); 

完整代码src\main.js

import Vue from 'vue' import '@/assets/scss/index.scss' import '@/assets/scss/custom.scss' import App from './App' import router from './router' import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css'//注入ElementUI样式 Vue.config.productionTip = false Vue.use(ElementUI) // 设置浏览器标题 Vue.directive('title', { inserted: function (el, binding) { document.title = el.dataset.title } }) new Vue({ el: '#app', router, components: { App }, template: '<App/>', created() { window.$message = this.$message window.$prompt = this.$prompt window.$notify = this.$notify window.BUS = this.BUS window.viewer = this.viewer } })

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/qdkf/11210.html