今回は、vueを使用してモバイルWeChat公式アカウントを作成する方法と、vueを使用してモバイルWeChat公式アカウントを作成する際の注意事項を説明します。以下は実際のケースです。
最初の落とし穴: WeChat 共有により、Android スマートフォンでフォト アルバムを開くことができなくなり、WeChat を再充電できなくなります
解決策:
setTimeout(_ => { wx.config(sdkConfig) }, 500)
WeChat 共有を 500 ミリ秒遅らせる必要があり、これにより次の問題が解決されます。 Android スマートフォンでフォト アルバムを読み込めない WeChat でのチャージに関して、WeChat を使用して共有する場合は、遅延を追加する必要があります。
2 番目の穴: 携帯電話での一部のサードパーティの入力方法は、オンラインでページを圧迫します
解決策:
// 特定需求页面,比如评论页面,输入框在顶部之类的 const interval = setInterval(function() { document.body.scrollTop = 0; }, 100) // 注意关闭页面或者销毁组件的时候记得清空定时器 clearInterval(interval);
3 番目の穴: 一部の地域では、モバイル 4Gpost の送信が応答しません
vue プロジェクトは、Axios がインターフェイスのカプセル化を実装しています。このプロジェクトでは、常に一部の領域からのリクエストがありますが、応答がありません。重要なのは、この状況は個々のユーザーに対してのみ発生するということです。後ほどhttps://itbilu.com/javascript/js/VkiXuUcC.htmlでこれらのリクエストが紹介されますが、これ以上の説明は不要で、コードに直接アクセスできます
解決策:
import axios from 'axios' import qs from 'qs' service.interceptors.request.use( config => { if(config.method === 'post'){ config.data = qs.stringify(config.data) } return config }, error => { console.log(error) Promise.reject(error) } )
以上がvue を使用してモバイル WeChat 公開アカウントを作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。