微信小程序中打开外部h5页面
在h5端时候打开外部链接常为简单,用a标签就可以指定打开页面,然而在小程序中就不好使了,需要用到特殊的代码。
<web-view></web-view>
web view有一个属性src 在这个里面输入h5地址可以打开新页面。
做法常是建立一个新的页面用来存放这个web view,因为一但生成这个元素,会直接打开页面,而我们常要的做法是点击某个按钮,或是某个view。
在新建的页面onload中接收点击事件传过来的地址,新页面来接受。
<web-view :src="url"></web-view>
export default {
data() {
return {
url:''
};
},
onLoad(e) {
console.log(e,123123123);
this.url=e.url
}