vue开发的项目要求PC页面兼容手机端

HTML：

:class="[isPc?'pcPage':'mobilePage']"

默认显示PC端代码，通过判断当前使用机型来选择显示PC还是手机的样式

JS:

data():{
    retrun:{
        isPc: true,
    }
},
methods:{
IsPC() {
    var userAgentInfo = navigator.userAgent;
    var Agents = ["Android", "iPhone",
                "SymbianOS", "Windows Phone",
                "iPad", "iPod"];
    var flag = true;
    for (var v = 0; v < Agents.length; v++) {
        if (userAgentInfo.indexOf(Agents[v]) > 0) {
            flag = false;
            break;
        }
    }
    return flag;
}
},
beforeRouteEnter(to,from,next){
    next((vm)=>{ //参数vm就是当前组件的实例。
       vm.isPc = vm.IsPC()
       console.log('IsPC',vm.IsPC())
    })
},