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
    }
}