在使用web-view时发现了一个问题总是会过段时间自己跳转到web-view是src地址
由于我是写的轮播图中嵌套一个web-view 所以当时我以为是轮播图和这个web-view冲突了
其实设计就是如此 自己跳
<view class="page-body"><web-view src="{{url}}"></web-view>
</view>
解决方案:
我们在轮播图或者新的按钮 加一个点击事件使其跳转到新的路由页面 在在新的路由页面嵌套一个web-view
父组件的js:
boundTap() {wx.navigateTo({url: '/pages/webview/webview?src=https://www.xingfeng.cool/good/index.html'})}
父组件的wxml:——下面这个是一个点击文字按钮需要跳转
<view><view style="color: red; background: rgba(0,0,0, 0.3);" catchtap='boundTap'>小程序跳转H5页面</view>
</view>
app.json中注册:
"pages/webview/webview"
webview组件的js部分
onLoad: function (options) {console.log(options.src)this.setData({url: options.src})}
webview组件的wxml部分:
<view class="page-body"><web-view src="{{url}}"></web-view>
</view>
由于跳转是需要点时间的 所以建议做一个loading的动画