vue中封装公共方法并挂载到全局

在src/assets/js下创建公共方法js文件（unit.js）

function delUrlData (name) {
var url = window.location.href;
var urlparts = url.split('?');
if (urlparts.length >= 2) {
//参数名前缀
var prefix = encodeURIComponent(name) + '=';
var pars = urlparts[1].split(/[&;]/g);
//循环查找匹配参数
for (var i = pars.length; i-- > 0;) {
if (pars[i].lastIndexOf(prefix, 0) !== -1) {
//存在则删除
pars.splice(i, 1);
}
}
return urlparts[0] + (pars.length > 0 ? '?' + pars.join('&') : '');
}
return url;
}
function isMobile () {
let m = /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
return navigator.userAgent.match(m);
}
export default {
delUrlData,
isMobile
}

在main.js中引入unit.js并挂在到全局

import unit from './assets/units/unit.js';
Vue.prototype.delUrlData = unit.delUrlData;
Vue.prototype.isMobile = unit.isMobile;

使用isMobile方法

this.isMobile()

最后

以上就是雪白冬瓜为你收集整理的vue中封装公共方法并挂载到全局的全部内容，希望文章能够帮你解决vue中封装公共方法并挂载到全局所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。