vue を使用してモバイル WeChat 公開アカウントを作成する方法

今回は、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)
 }
)

プロジェクトは進行中です数ヶ月間投稿してきたのですが、本当に投稿する時間がないので、実際に遭遇した落とし穴については今後も投稿していきたいと思います。 。 。

この記事の事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

Node.js+コンソール出力ログファイルの分析例

Vueを使用してドラッグアンドドロップ効果を実現する方法

以上がvue を使用してモバイル WeChat 公開アカウントを作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。