vue 做移動(dòng)端微信公眾號(hào)采坑經(jīng)驗(yàn)記錄

更新時(shí)間：2018年04月26日 11:45:42 作者：彭蒙善

這篇文章主要介紹了vue 做移動(dòng)端微信公眾號(hào)采坑經(jīng)驗(yàn)記錄,文中是小編記錄的三個(gè)坑及解決方案，需要的朋友可以參考下

自己用vue做微信公眾號(hào)項(xiàng)目有一段時(shí)間了，遇到各種奇葩的問題，下面細(xì)數(shù)那些坑：

第一坑：微信分享導(dǎo)致安卓手機(jī)無(wú)法調(diào)起相冊(cè)和無(wú)法調(diào)起微信充值

解決方案：

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

需要將微信分享延遲500毫秒，這樣就解決了安卓手機(jī)無(wú)法調(diào)用相冊(cè)和微信充值的問題，如果用了微信分享需要加個(gè)延遲。

第二坑：部分手機(jī)第三方輸入法會(huì)將頁(yè)面網(wǎng)上擠的問題

解決方案：

// 特定需求頁(yè)面，比如評(píng)論頁(yè)面，輸入框在頂部之類的
const interval = setInterval(function() {
  document.body.scrollTop = 0;
}, 100)
// 注意關(guān)閉頁(yè)面或者銷毀組件的時(shí)候記得清空定時(shí)器
clearInterval(interval);

第三坑：部分地區(qū)移動(dòng)4Gpost提交沒有響應(yīng)

本人vue項(xiàng)目是axios進(jìn)行接口封裝的，項(xiàng)目中老是出現(xiàn)一些地區(qū)請(qǐng)求發(fā)了沒響應(yīng)，后面經(jīng)過排查后，后端只接受到了options請(qǐng)求，關(guān)鍵是只是個(gè)別用戶出現(xiàn)這種情況，后面看到一遍文章https://itbilu.com/javascript/js/VkiXuUcC.html介紹了這些請(qǐng)求，不多說(shuō)直接上代碼

解決方案：

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

項(xiàng)目做了也好幾個(gè)月了，實(shí)在也沒時(shí)間去發(fā)，后續(xù)還會(huì)把自己真實(shí)遇到的坑持續(xù)發(fā)布。。。

總結(jié)

以上所述是小編給大家介紹的vue 做移動(dòng)端微信公眾號(hào)采坑經(jīng)驗(yàn)記錄，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

vue中map()快速使用方法小結(jié)
map()函數(shù)是在JS的數(shù)組中定義的,它返回一個(gè)新的數(shù)組,下面這篇文章主要給大家介紹了關(guān)于vue中map()快速使用的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-12-12
Vue中封裝eCharts組件及優(yōu)化方式
這篇文章主要介紹了Vue中封裝eCharts組件及優(yōu)化方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
2024-03-03
Vue實(shí)現(xiàn)的父組件向子組件傳值功能示例
這篇文章主要介紹了Vue實(shí)現(xiàn)的父組件向子組件傳值功能,結(jié)合完整實(shí)例形式簡(jiǎn)單分析了vue.js組件傳值的相關(guān)操作技巧,需要的朋友可以參考下
2019-01-01
如何在Vue3中正確使用ElementPlus,親測(cè)有效,避坑
這篇文章主要介紹了如何在Vue3中正確使用ElementPlus,親測(cè)有效,避坑！具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
2024-03-03
誤引用vuex-persistedstate導(dǎo)致用戶信息無(wú)法清除問題及解決
這篇文章主要介紹了誤引用vuex-persistedstate導(dǎo)致用戶信息無(wú)法清除問題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-04-04
Vue編譯器源碼分析compileToFunctions作用詳解
這篇文章主要為大家介紹了Vue編譯器源碼分析compileToFunctions作用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-07-07
Vue Element 分組+多選+可搜索Select選擇器實(shí)現(xiàn)示例
這篇文章主要介紹了Vue Element 分組+多選+可搜索Select選擇器實(shí)現(xiàn)示例,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧
2018-07-07
vue 頁(yè)面回退mounted函數(shù)不執(zhí)行的解決方案
這篇文章主要介紹了vue 頁(yè)面回退mounted函數(shù)不執(zhí)行的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧
2020-07-07
Vue Hook Event 深度解讀
Hook Event 是 Vue 的自定義事件結(jié)合生命周期鉤子實(shí)現(xiàn)的一種從組件外部為組件注入額外生命周期方法的功能，本文重點(diǎn)給大家介紹Vue Hook Event 解讀，感興趣的朋友一起看看吧
2023-01-01
vue中pc移動(dòng)滾動(dòng)穿透問題及解決
這篇文章主要介紹了vue中pc移動(dòng)滾動(dòng)穿透問題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-07-07