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中封装公共方法并挂载到全局内容请搜索靠谱客的其他文章。