vueX报错 unknown mutation type: SET_TOTAl

柳晓黑胡椒

已于 2025-03-25 11:12:36 修改

阅读量863

点赞数

CC 4.0 BY-SA版权

文章标签： react.js vue.js npm

于 2022-02-18 22:26:38 首次发布

柳晓黑胡椒

本文链接：https://blog.youkuaiyun.com/hr_beginner/article/details/123012133

在actions.js中调用的setTotal方法与mutations中的SET_TOTAL方法参数处理不一致，具体表现为当尝试修改总价（totalPrice）和总数（totalMount）时，根据传入的‘PLUS’或‘MINUS’进行加减操作，由于两者的实现不统一，导致了程序逻辑错误。修复此问题需要确保actions和mutations中的方法匹配，以正确更新状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述
原因：不细心

actions.js 中调用的方法

setTotal ({ commit }, payload) {
	commit('SET_TOTAl', payload);
}

mutations中的方法

SET_TOTAL (state, payload) {
   const { price, type } = payload;
   switch (type) {
     case 'PLUS':
       state.totalPrice += price;
       state.totalMount += 1;
       break;
     case 'MINUS':
       state.totalPrice -= price;
       state.totalMount -= 1;
       break;
     default:
       break;
   }
 }