微信小程序web-view用法

本文详细介绍了在小程序中正确配置并使用WebView组件的过程,包括如何设置业务域名、动态跳转到不同页面的方法等,旨在帮助开发者顺利实现WebView功能。

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

昨天晚上小程序有发布了一个新版本啦,不知道各位小伙伴有没有看,由于业务需要,我今早一来就进行了实验进行试用,就是简单的调用起来。但是在调用起来的时候因为文档写的不够细,所以还是遇到了几个问题。写一篇文章,希望对刚刚开始想要调起web-view的小伙伴有帮助。

首先是域名的问题(很不要脸的说我卡这里卡了半个小时再见

步骤:先登录小程序开发平台,将页面需要跳转的域名写上去,注意了,域名不是指服务器的域名,而是服务器下面的    业务域名 !!!

配好了域名之后就可以开始调用web-view了。

<web-view src="https://hi.xxx.com/Tickets/html/getScanCode.html"></web-view>

这样就可以很愉快的跳转了。


但是!可能你需要的需求是点击某个按钮或者view才进行跳转到不同页面的话。直接赋值可不算好想法,所以新建一个小程序的page,然后在里面写

<web-view src="{{path}}"></web-view>

在数据初始化化的时候先给一个默认值https://hi.xxx.com/Tickets/html/getScanCode.html,

点击的时候把需要跳转的某个页面的路径写成参数传过来,在onload里面拿出来赋值就可以解决跳转到不同页面的问题啦。




评论 23
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值