uni-app中的#ifdef #ifndef #endif的用处,可以处理兼容多端平台
1.#ifdef、#ifndef、 #endif三者的意思
#ifdef | 仅在某个平台上使用 |
#ifndef | 在除了这个平台的其他平台上使用(非此平台使用) |
#endif | 结束条件编译 |
2.平台标识的意思
标识 | 平台 |
---|---|
APP-PLUS | 5+App |
MP | 微信小程序/支付宝小程序/百度小程序/头条小程序/QQ小程序 |
MP-WEIXIN | 微信小程序 |
MP-ALIPAY | 支付宝小程序 |
MP-BAIDU | 百度小程序 |
MP-TOUTIAO | 头条小程序 |
MP-QQ | QQ小程序 |
H5 | H5 |
APP-PLUS-NVUE | 5+App nvue |
3.结合使用例子
例子1(仅在5+app平台上此代码生效)
/*
可以使用// 或者 <!-- -->
*/
// #ifdef APP-PLUS
<view>仅在5+app平台上显示代码</view>
// #endif
methods: {
// #ifdef APP-PLUS
click(){
console.log('仅在5+app平台上生效的事件')
},
// #endif
}
例子2(非5+app平台上此代码生效)
/*
可以使用// 或者 <!-- -->
*/
<!-- #ifndef APP-PLUS -->
<view>只要不是5+app平台上此代码会显示</view>
<!-- #endif -->
methods: {
<!-- #ifndef APP-PLUS -->
click(){
console.log('非5+app平台上生效的事件')
},
<!-- #endif -->
}
分类:
WeChat小程序学习
, 前端
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!