ホームページ  >  記事  >  ウェブフロントエンド  >  Web-view 使用時に uniapp が返らない場合はどうすればよいですか?

Web-view 使用時に uniapp が返らない場合はどうすればよいですか?

PHPz
PHPzオリジナル
2023-04-14 13:33:242347ブラウズ

Uniapp は非常に強力なクロスプラットフォーム開発フレームワークであり、1 つのコードを作成するだけで複数のプラットフォームで実行できます。その中でも、Web ページを埋め込むために Web ビューを使用することは非常に一般的な要件です。ただし、Webビューを使用してページを埋め込む場合、復帰できない問題が発生する場合があります。

この問題は一部の Android スマートフォンで発生する可能性があります。 Web ビューでページを開いて「戻る」ボタンをクリックすると、ページは前のページに戻らず、アプリケーションが直接終了します。これは、Web ビューを使用してアプリケーションを開発する人にとっては非常に厄介な問題です。

この問題を解決する方法は実際には比較的簡単で、Web ビューにいくつかのパラメータを追加するだけです。具体的な実装方法は次のとおりです。

<template>
  <div class="container">
    <web-view src="https://www.example.com" @message="onMessage" :plus="plus"></web-view>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        plus: {
          android: {
            hardwareAccelerated: true,
            useDefaultIndicator: true,
            // 添加以下两个参数即可
            supportMultipleWindows: true,
            setSupportMultipleWindows: true,
          },
        },
      }
    },

    methods: {
      onMessage(e) {
        console.log(e.detail)
      },
    },
  }
</script>

上記のコードに示すように、戻りの問題を解決するために、Web ビューに 2 つのパラメータ supportMultipleWindowssetSupportMultipleWindows を追加します。 。これら 2 つのパラメータは、Web ビューに複数のページをサポートするように指示し、前のページに正しく戻ることができるようにします。

つまり、Uniapp を使用して開発する場合、Web ページに埋め込むために Web ビュー コンポーネントを呼び出すとき、前に戻れなくなる問題を避けるために、これら 2 つのパラメータを追加することに注意する必要があります。ページ。

以上がWeb-view 使用時に uniapp が返らない場合はどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。