プラン1
uni-appの拡張コンポーネントuni-link を使用し、参考ドキュメントuni-app 公式 Web サイトを使用します
このコンポーネントの動作は、アプリ内で外部ブラウザーを開き、h5 で新しい Web ページを開きます。
シナリオ 2:
最初にWeb ビューページにジャンプし、受け取った有効でアクセス可能な URL を Web ビュー ラベルを介して動的にバインドすることで、ジャンプ機能を実現できます。
<template>
<web-view :src="webUrl"></web-view>
</template>
<script>
export default {
name: "webview",
data() {
return {
webUrl: 'https://m.baidu.com'
};
},
}
</script>
<style>
</style>
次に、pages.json で webview.vue ページのパスを構成します。
{
"path" : "pages/webview/webview",
"style" :
{
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
}
それからジャンプしてください
go() {
uni.navigateTo({
url: '/pages/webview/webview'
})
},
エミュレータにリダイレクトがない Web サイトは、https または http によってリダイレクトできます。