uniapp中与webview相互传值调用函数笔记

uniapp中与webview相互传值调用函数笔记

开发app过程中,我们可以使用uniapp的webview来调用本地或远程网页来扩展功能,那么就离不开uniapp与webview的数据互传及方法相互调用。

800_auto

一、uniapp向webview传值

2主要通过更改webview的url后面的hash来传值,h5页面通过监听hash变动来获取uniapp的传值

例如,项目根目录下新建一个hybird,里面存放我们的h5页面代码。

800_auto

   window.addEventListener('hashchange',()=>{
		        const value = location.hash
				alert(value);
		    })

里面有一段js就是监听hash变动

uniapp中通过data中的url改变来传值

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

<script>
	export default {
		data() {
			return {
				url:"/hybrid/html/local.html"
			
			}
		},
method:(){
    changeit(){
...

点击查看剩余70%

{{collectdata}}

网友评论