uniapp中如何用if判断是否手机页面或电脑页面

Uniapp 是基于 Vue.js 的跨平台应用框架，支持多种端（包括 H5、小程序、App 等），因此无法用 if 判断是否手机页面或电脑页面。不过，可以通过判断当前的设备类型来实现相应的逻辑。可以使用以下方式：

使用插件

可以使用插件如 vue-device-detector 来检测设备类型。使用方法如下：

安装插件：

npm install vue-device-detector --save

在 main.js 中引入并注册插件：

import Vue from 'vue'
import VueDeviceDetector from 'vue-device-detector'

Vue.use(VueDeviceDetector)

使用：

<script>
export default {
  data() {
    return {
      deviceType: '',
    }
  },
  mounted() {
    this.deviceType = this.$device.type
    console.log(this.deviceType)
  }
}
</script>

使用 UA 判断

可以使用 navigator.userAgent 判断当前设备类型。使用方法如下：

<script>
export default {
  data() {
    return {
      isMobile: '',
    }
  },
  mounted() {
    this.isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)
    console.log(this.isMobile)
  }
}
</script>