uni-app条件编译（跨端兼容）、pages.json 的条件编译

约定不等于承诺〃 2023-06-13 13:27 9阅读 0赞

<template>
    	<view class="content">
    		
    		<view>
    			H5
    		</view>
    		
    		
    		<view>
    			微信小程序
    		</view>
    		
    	</view>
    </template>
    
    <script>
    	export default {
    		onLoad() {},
    		data() {
    			return {
    
    			}
    		},
    		methods: {}
    	}
    </script>
    
    <style scoped lang="scss">
    	.content {}
    </style>

### 详细介绍条件编译，官方地址链接：[https://uniapp.dcloud.io/platform][https_uniapp.dcloud.io_platform] ###

--------------------

### pages.json 的条件编译 ###

<template>
    	<view class="content">
    		pages.json的条件编译,点击XYZ在微信里面是不会跳转到test.vue里面，而在
    		H5页面点击XYZ会跳转到test.vue里面来，注意在pages.json文件里面写条件编译的
    		时候一定要注意逗号要写在//#ifdef H5 ......//#endif里面，不然微信端会报错，
    		为什么会报错，还请知道的大佬留个言！
    		<view class="test" @tap="test">XYZ</view>
    	</view>
    </template>
    
    <script>
    	export default {
    		methods: {
    			test() {
    				uni.navigateTo({
    					url: '../../test/test',
    					success: res => {},
    					fail: () => {},
    					complete: () => {}
    				});
    			}
    		}
    	}
    </script>
    
    <style scoped lang="scss">
    	.content {
    		.test {
    			border: 1px solid #ff0000;
    
    			font: {
    				size: 20rpx;
    				weight: 600;
    				color: #ff0000;
    			}
    		}
    	}
    </style>

**pages.json文件里面的内容我就贴个图片：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pFRkZfbHV5aWR1YW4_size_16_color_FFFFFF_t_70][]

### 详细介绍[pages.json 的条件编译][pages.json]，官方地址链接：[https://uniapp.dcloud.io/platform?id=pagesjson-%e7%9a%84%e6%9d%a1%e4%bb%b6%e7%bc%96%e8%af%91][pages.json] ###

[https_uniapp.dcloud.io_platform]: https://uniapp.dcloud.io/platform
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pFRkZfbHV5aWR1YW4_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191121091403347.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pFRkZfbHV5aWR1YW4=,size_16,color_FFFFFF,t_70
[pages.json]: https://uniapp.dcloud.io/platform?id=pagesjson-%E7%9A%84%E6%9D%A1%E4%BB%B6%E7%BC%96%E8%AF%91