uniapp web-view 和uniapp 打包的H5 单页面传值问题

前端小白~庄

于 2022-04-29 16:32:48 发布

阅读量1.5k

点赞数

文章标签：前端 webview javascript

本文链接：https://blog.youkuaiyun.com/cncxybuwanl/article/details/124498318

版权

本文记录了使用uniapp的web-view组件跳转H5页面并传递参数的问题。在uniapp中直接在URL传值可行，但当H5页面打包部署后，尝试通过多种方式传递数据给父页面失败。最终采取在H5页面本地处理数据上传和保存的策略，临时解决了实时交互问题。计划后续深入研究无法传值的原因。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天这里做一个记录

1.第一个问题当前项目用web-view 跳转到指定页面，可以直接在url 里面传值

<template>
	<view class="labgj">
	
		<web-view :webview-styles="webviewStyles" :src="htpurl"  @message="message"></web-view>

	</view>
</template>
<script>
created(){
		
			var obj = {
				id:id,
				name:this.imgitem.fileName,
				fileId:this.imgitem.fileId,
			}
			var ss= JSON.stringify(obj) // 如果这里是传对象的话 先转换json 
			let token = uni.getStorageSync('token')
			this.htpurl = `这里是跳转的页面的地址?token=${token}&img=${this.url}&id=${ss}`
		},
</script>

2.单独起一个项目通过uniapp 打包成h5 部署到服务器上返回一个地址就是我们上面写的要跳转的地址