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

Posted 2022-11-29 初辰ge

在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()