1.新建一个webview页面,用来展示h5页面
<template>
<view>
<view>
<!-- url为要跳转外链的地址-->
<web-view :src="url">
</web-view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
url: ''
}
},
onLoad(val) {
this.url=val.url
// 设置当前的title 如果外链中有的话将被覆盖
if(this.isNotEmpty(val.title)){
this.setTitle(val.title);
}
},
methods: {
isNotEmpty(obj) {
if (typeof obj == undefined || obj == null || obj == "" || obj == "undefined" || obj.length == 0) {
return false;
} else {
return true;
}
},
// 设置title
setTitle(title) {
uni.setNavigationBarTitle({
title: title
})
},
}
}
</script>
2.跳转页面
toExams(){
uni.navigateTo({
url: '/pages/exam/webview?url=h5链接'
})
},