首頁 >web前端 >js教程 >vue實現行動端微信公眾號步驟詳解

vue實現行動端微信公眾號步驟詳解

php中世界最好的语言
php中世界最好的语言原創
2018-05-15 11:24:133646瀏覽

這次帶給大家vue實現行動端微信公眾號步驟詳解,vue實現行動端微信公眾號的注意事項有哪些,下面就是實戰案例,一起來看一下。

自己用vue做微信公眾號專案有一段時間了,遇到各種奇葩的問題,下面細數那些坑:

第一坑:微信分享導致安卓手機無法調起相簿和無法調起微信充值

解決方案:

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

需要將微信分享延遲500毫秒,這樣就解決了安卓手機無法呼叫相簿和微信儲值的問題,如果用了微信分享需要加個延遲。

第二個坑:部分手機第三方輸入法會將頁面網路上擠的問題

#解:##

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

第三坑:部分地區移動4Gpost提交沒有回應

本人vue專案是axios進行介面封裝的,專案中老是出現一些地區請求發了沒回應,後面經過排查之後,後端只接受到了options請求,關鍵是只是個別用戶出現這種情況,後面看到一遍文章

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中文網其它相關文章!

推薦閱讀:

JS設計模式中鍊式呼叫使用解析

vue-cli專案中增加後台mock接口步驟詳解

以上是vue實現行動端微信公眾號步驟詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn