vue判断当前访问设备为pc端还是移动端

一、可以利用navigor.userAgent进行判断，获取到访问设备的信息。

　　Navigor属于browser对象，其中包含浏览器的各种信息。

　　详见：https://www.w3school.com.cn/jsref/dom_obj_navigator.asp

二、实现

　　1、需求：移动端则显示  搜索 按钮

//html层

<el-button v-if="isMobile" type="primary" size="small">搜索</el-button>

//data层
data() {
    isMobile:false,    //默认为pc端
}

//方法
created() {
    let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)
    if(flag) {
        //如果flag不为空，说明可以匹配到，是手机端
        this.isMobile = true
    }
}