uniapp中与webview相互传值调用函数笔记
开发app过程中,我们可以使用uniapp的webview来调用本地或远程网页来扩展功能,那么就离不开uniapp与webview的数据互传及方法相互调用。
一、uniapp向webview传值
2主要通过更改webview的url后面的hash来传值,h5页面通过监听hash变动来获取uniapp的传值
例如,项目根目录下新建一个hybird,里面存放我们的h5页面代码。
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%
网友评论