vue全局方法封装

场景:在一个项目中,有个需要下载的功能,但在本地测试和上线的时候,需要把所有下载的url地址改变,实在太麻烦.
项目结构:利用的是vue的cli3.x
实现:

  1. 找到 src/assets/js/mydownload.js
  var sessionKey = localstorage.getItem("sessionkey")

  export default {
     mydownload: function(url,per) {
        window.location.href = 'http://localhost:8080/teach-web/' + 
        url + '?' + 'sessionkey=' + sessionkey + per
     }
  }

2.找到src/main.js

  // 引入mydownload
     import mydownload from '@/assets/js/mydownload.js'
  // 添加到原型
     Vue.prototype.mydownload = mydownload.mydownload

你可能感兴趣的:(前端开发)