Taro框架-微信小程序-内嵌h5页面

创建show-page文件夹，创建index.vue页面组件，使用 web-view 标签

从url中取参数
import { getCurrentInstance } from ‘@tarojs/taro’

 <template><web-view :src="srcValue"></web-view></template><script>import { getCurrentInstance } from '@tarojs/taro'export default {data() {return {srcValue: ''}},created(){this.srcValue =  getCurrentInstance().router.params.value}}</script>

跳转h5页面中的点击事件

handleClick() {Taro.navigateTo({url:"/pages/show-page/index?value=https://xxx.index.html"});
},

Taro框架-微信小程序-内嵌h5页面相关推荐

小程序嵌套h5页面_微信小程序内嵌h5页面
概况使用标签能在小程序中打开外部网页,但是要打开的网页的域名必须跟小程序的业务域名(业务域名可以在小程序的后台管理界面添加)一致,否则在真机上是打不开的.如果开发工具上勾选了'不校验域名',在开发 ...
微信小程序内嵌H5页面实现微信支付
背景: 在微信H5页面已经实现了微信JSAPI的网页支付,老板要求把整个业务线快速转移到微信小程序中,作为懒惰的程序员来说,直接把页面嵌套到小程序不就行了.说干就干,在小程序中设置好基本信息后,一预览 ...
微信小程序内嵌h5页面或者跳转至外部链接，及在webview页面添加元素
方法很简单,只需要在wxml里写上 <web-view src="http://www.baidu.com"> //在webview里面添加元素要使用cover-vie ...
小程序嵌套h5页面_快速小程序开发之微信小程序内嵌 H5
简介:微信小程序中可以直接运行 web 页面,这一新组件 web-view 的产生,可能直接导致小程序数量迎来一波高峰.本篇博文将从业务选型,微信小程序后台配置,使用 web-view 完成登录业务以 ...
微信小程序内嵌H5网页
微信小程序内嵌网页 1.登录微信公众平台,选择对应的小程序进入(个人类型的小程序暂不支持使用) 2.在小程序后台左侧菜单选择"开发"–"开发管理"–" ...
小程序内嵌h5页面分享_微信小程序webview内页面分享
因为项目原因,之前在微信小程序内部使用 webview 嵌套了 h5 页面,现在要添加一个新的功能,用户在哪个页面进行了分享,被分享的用户从链接进来就跳转到哪个分享页面. 先了解一下 web-view ...
小程序内嵌H5、H5回跳至小程序、小程序打开公众号中的文章
一.小程序内嵌H5 1.前期准备:在微信公众平台小程序开发 --> 开发管理 --> 开发设置中配置业务域名. 2.语句: <web-view src="&quo ...
小程序跳转到另一个小程序,参数传递以及调试,H5跳转小程序,小程序内嵌H5,
业务场景:企业A的小程序内嵌了企业B的H5 问题:企业A内嵌企业B的H5发起微信支付的时候,绕不过微信的限制.总是支付失败. 问题解决思路:企业B新建一个小程序,让企业A调用企业B的小程序, B内嵌H ...
微信小程序内嵌webview实现微信登录
一.调研场景 1, 微信小程序内嵌webview实现微信登录二.技术实现 1. web-view标签实现链接内嵌小程序里嵌套web-view页面 (1)src属性:webview 指向网页的链接. ...

Taro框架-微信小程序-内嵌h5页面

Taro框架-微信小程序-内嵌h5页面相关推荐

最新文章

热门文章