一、可以利用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 } }