uniapp微信小程序無法獲取Vue.prototype值的解決方法

前言

在使用uniapp開發的過程中,遇到瞭一個問題,發現在微信小程序無法去直接獲取掛載在vue原型上的變量值,具體內容可看下圖,解決方法也已經表明,供各位踩坑用!!!

main.js

 我在vue的原型上掛載瞭一個$baseUrl的變量

index.vue

在1中,直接取原型上的值  

在2中,在當前頁面下,聲明瞭一個變量baseUrl,把$baseUrl賦值給它

在3中,采用computed,return返回this.$baseUrl

在4中,采用methods定義瞭一個方法,同樣return返回this.$baseUrl

 運行結果(左h5,右小程序)

 可以看出來,在直接獲取的時候,h5是可以獲取到的,小程序則是一個undefined,而使用另外三種方法,結果並無差異,至於原因,應該是生命周期的一塊原因,需要去翻一下源碼可知,

除瞭上述的三種解決辦法,還有vuex等等,根據自己的業務需求來決定使用哪種方法解決,特此留筆,以供各位不要踩坑!!!

總結

到此這篇關於uniapp微信小程序無法獲取Vue.prototype值解決的文章就介紹到這瞭,更多相關uniapp無法獲取Vue.prototype值內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!

推薦閱讀: