134  
查询码:00001134
uni-app web-view传值
作者: 郁冲冲 于 2020年06月16日 发布在分类 / 人防组 / 人防前端 下,并于 2020年06月16日 编辑
uni-app web-view传值

1. uni-app 通过地址传值


<template>
	<web-view :src="url1"></web-view>
</template>

<script>
	import urls from '@/common/config.js'
	export default {
		data() {
			return {
				url1:`${urls.web_url}/x_desktop/appMobile.html?app=Calendar&status={%22action%22:%22toMonth%22,%22options%22:{%22date%22:%22Thu%20Mar%2026%202020%2017:10:26%20GMT+0800%20(%E4%B8%AD%E5%9B%BD%E6%A0%87%E5%87%86%E6%97%B6%E9%97%B4)%22}}`
				
			}
		},
		methods:{
			
		},
		onLoad(data) {
			let _this = this;
			_this.url1 = _this.url1+`&oatokenonly=`+ encodeURIComponent(uni.getStorageSync('token'))
			console.log(_this.url1)
		},
		onShow() {
			plus.screen.lockOrientation('landscape-primary'); 
		},
		onUnload(){
			plus.screen.lockOrientation('portrait-primary'); 
		}
	}
</script>

<style>
</style>
粘贴图片


2. H5接收数据

粘贴图片

3. H5传值


<script>
    document.addEventListener('UniAppJSBridgeReady', function() {
        //向uniapp传值
        uni.postMessage({
            data: {
                action: 'message'
            }
        });
        uni.getEnv(function(res) {
            console.log('当前环境:' + JSON.stringify(res));
        });
    });
</script>    

4. uni-app 接收 ;message方法接收

<template>
    <view class="advertisement" style="width: 100%;">
        <web-view :src="url" @message="message"></web-view>
    </view>
</template>





 推荐知识

 历史版本

修改日期 修改人 备注
2020-06-16 16:05:57[当前版本] 郁冲冲 1.1.0

 附件

附件类型

PNGPNG

知识分享平台 -V 4.8.7 -wcp