Heim  >  Artikel  >  Web-Frontend  >  So erstellen Sie mit vue ein mobiles öffentliches WeChat-Konto

So erstellen Sie mit vue ein mobiles öffentliches WeChat-Konto

php中世界最好的语言
php中世界最好的语言Original
2018-06-02 10:07:122464Durchsuche

Dieses Mal zeige ich Ihnen, wie Sie mit Vue ein offizielles WeChat-Konto für Mobilgeräte erstellen sehen.

Die erste Falle: Das Teilen über WeChat führt dazu, dass das Android-Telefon das Fotoalbum nicht öffnen und WeChat nicht aufladen kann

Lösung:

setTimeout(_ => {
      wx.config(sdkConfig)
     }, 500)
Die WeChat-Freigabe muss um 500 Millisekunden verzögert werden. Dies löst das Problem, dass Android-Telefone keine Fotoalben aufrufen und WeChat nicht aufladen können. Wenn die WeChat-Freigabe verwendet wird, muss eine Verzögerung hinzugefügt werden.

Der zweite Fallstrick: das Problem, dass einige Eingabemethoden von Drittanbietern auf Mobiltelefonen die Seite online zusammendrücken

Lösung:

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

Die dritte Grube: Mobile 4Gpost-Einreichung reagiert in einigen Bereichen nicht

Mein Vue-Projekt ist eine von axios gekapselte Schnittstelle. Im Projekt gibt es immer Anfragen aus einigen Bereichen werden gesendet, aber nach der Untersuchung hat das Backend nur die Optionsanfrage erhalten. Der Schlüssel ist, dass diese Situation nur bei einzelnen Benutzern auftritt.

https://

itbilu.com/ Javascript/js/VkiXuUcC .HTML führtdiese Anfragen gehen ohne weitere Erklärung direkt zum Code

Lösung:

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)
 }
)
Das Projekt läuft schon seit mehreren Monaten. Ich habe wirklich keine Zeit, es zu posten, daher werde ich in Zukunft weiterhin die Fallstricke posten, auf die ich tatsächlich gestoßen bin. . .

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Node.js+console-Ausgabeprotokolldatei-Beispielanalyse


Wie man Vue verwendet, um Drag zu erreichen und Drop-Effekt

Das obige ist der detaillierte Inhalt vonSo erstellen Sie mit vue ein mobiles öffentliches WeChat-Konto. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn