没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
源码时代前端干货分享|你还在为小程序与移动端页面实现互通
跳转
而烦恼吗,看过来了!!
需求体现:
需求,在小程序里面,点击查看用户签订的协议,跳转到协议详情页,刚好协议详情
页在另一个 H5 项目的已经有,所以就想直接跳转过去,不必再重复开发小程序版本
的模块
实现 H5 页面跳转
小程序里面加载 H5 页面,需要嵌在 web-view 里面,注意:一个项目只能有一个。 例
如:在小程序里面打开百度网页 在小程序项目里面 src/pages/新建一个 webview 的
文件夹,含有 wxml/wxss/json/js
wxml:
<web-view src="{{ src }}"></web-view>
js:在 onLoad 里面获取到 url 这个参数,然后赋值给 data,这样在 wxml 里面就能取到 src 的值。
Page({
});
data: {
},
onLoad: function (param) {
}
this.setData({
})
url: decodeURIComponent(param.url),
url: '',
json/wxss 可以是空文件
在小程序的页面跳转到 H5 页面的写法
wx.navigateTo({
url: '../webview/index?url=https://www.baidu.com/'
资源评论
春哥111
- 粉丝: 1w+
- 资源: 6万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功