uniapp 微信小程序 内嵌H5网页办法
如图所示
1.新建webView页面文章来源:https://www.toymoban.com/news/detail-807582.html
<template>
<web-view v-if='httpUrl' :src='httpUrl'></web-view>
</template>
<script>
export default {
data() {
return {
httpUrl: "",
};
},
onLoad(options) {
options.httpUrl = decodeURIComponent(options.httpUrl);
this.httpUrl = options.httpUrl;
},
methods: {},
};
</script>
<style>
</style>
2.跳转页面文章来源地址https://www.toymoban.com/news/detail-807582.html
// 页面跳转
toPage(url) {
uni.navigateTo({
url: '/pages/PageWebview?httpUrl=' + encodeURIComponent('https://www.baidu.com')
})
},
到了这里,关于uniapp 微信小程序 内嵌H5网页办法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!