Explication détaillée des étapes de mise en œuvre du compte public mobile WeChat dans Vue

Cette fois, je vais vous donner une explication détaillée des étapes pour implémenter le compte public WeChat côté mobile avec Vue. Quelles sont les précautions pour implémenter le compte public WeChat côté mobile avec Vue. . Ce qui suit est un cas pratique, jetons un coup d'œil.

J'utilise Vue pour réaliser des projets de comptes publics WeChat depuis un certain temps et j'ai rencontré toutes sortes de problèmes étranges :

Le premier piège : WeChat. le partage mène à Android Le téléphone ne peut pas ouvrir l'album photo et ne peut pas ouvrir la recharge WeChat

Solution :

setTimeout(_ => {
      wx.config(sdkConfig)
     }, 500)

Besoin de retarder le partage WeChat de 500 millisecondes , cela résout le problème que les téléphones Android ne peuvent pas appeler des albums photo et recharger via WeChat. Si vous utilisez WeChat pour partager, vous devez ajouter un délai.

Le deuxième piège : certaines méthodes de saisie tierces sur les téléphones mobiles encombrent la page en ligne

Solution :

// 特定需求页面，比如评论页面，输入框在顶部之类的
const interval = setInterval(function() {
  document.body.scrollTop = 0;
}, 100)
// 注意关闭页面或者销毁组件的时候记得清空定时器
clearInterval(interval);

Le troisième pit : La soumission Mobile 4Gpost dans certaines zones ne répond pas

Mon projet vue est une interface encapsulée par axios Dans le projet, il y a toujours des demandes de certaines zones mais non. réponse. Plus tard Après enquête, le backend n'a reçu que la demande d'options. La clé est que cette situation ne se produit que pour les utilisateurs individuels. J'ai lu l'article plus tard https://itbilu.com/javascript<.>/js /VkiXuUcC.html introduitces requêtes, sans autre explication, vont directement dans le code

Solution :

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)
 }
)

Analyse de l'utilisation des appels en chaîne dans le modèle de conception JS

Ajouter une maquette d'arrière-plan au projet vue-cli Explication détaillée des étapes de l'interface

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!