直接上代碼顾稀，最直觀了
//初始化
data(){
return{
isMobile: false,
}
}
created(){
window.addEventListener('resize', this.checkMobile);
this.checkMobile(); // 初始化時(shí)進(jìn)行一次判斷
}
destroyed() {
window.removeEventListener('resize', this.checkMobile);
},
methods: {
checkMobile() {
this.isMobile = window.innerWidth <= 767;
console.log(this.isMobile)
}
},
手機(jī)端isMobile是true否則就是false
vue 引用方法為：
<div v-if="isMobile">手機(jī)端</div>
<div v-else>非手機(jī)端</div>
