Vue中mapMutations對映方法的問題

2021-08-21 05:11:00 字數 1006 閱讀 3067

今天又被自己給蠢到,找了半天沒發現問題。大家看下**。

mutation-types.js 裡我新增了乙個型別。init_currentorder

export const get_userinfo = 'get_userinfo'export const out_login = 'out_login'export const get_order = 'get_order'export const get_orderdetail = 'get_orderdetail'export const record_userinfo = 'record_userinfo'export const init_front = 'init_front'export const init_currentorder = 'init_currentorder'
mutations.js裡也增加了乙個對應的事件

[init_currentorder](state) 

},

到目前都沒有錯,都是正確的。下面前台呼叫

method:,

changestate()

},mounted()

else

}

大家有看出錯誤嗎?每次一執行就報

this.init_currentorder is not function

思來想去,也檢查了,都是寫了啊,怎麼會報not function,真是出了鬼了。

本來第乙個想到的是函式名寫錯了,但是我的函式名全是複製貼上的啊,難道

mounted()裡不能呼叫mutations,不會啊,mounted()是vue生命週期的後期了,模板中html已經開始渲染到html頁面中了,所以肯定不是了。

就在我低頭喪氣趴在桌子上的時候,眼睛瞟了一下method 臥槽,我知道了,這個關鍵字寫錯了,應該是 methods:

想著立馬敲入乙個s, npm run dev ,執行成功~~~~

通過這件事,以後寫前端的這些**一定要小心,仔細!

Vue 在Vue中快速使用ElementUI

最近使用vue,順道使用elementui,在vue專案中音容elementui的方法 idea開啟termianl,在vue專案中使用npm安裝 1.安裝 npm install element ui s2.引入 1 整體引入 在專案的main.js中寫入 import elementui fro...

Vue中的 vue檔案的使用

需要安裝vue loader npm i vue loader vue template complier d 然後在配置檔案中新增匹配規則 template 這裡定義js 在這裡匯入檔案 import vue from vue export default methods script style...

vue 引用src中的檔案 VUE中引用路徑的配置

在vue專案開發中經常引用js css img檔案。當專案較大時檔案層級很多,導致路徑很長,我們可以通過在bulid webpack.base.conf.js 設定簡便的引用路徑 一 引用assets目錄下的檔案 舉例 1 在src components content content.vue 中引...