[vuex] unknown mutation type: selectMenu

时间: 2023-04-10 12:01:35 浏览: 236

浅谈vuex之mutation和action的基本使用

5星 · 资源好评率100%

浅谈Vuex之mutation和action的基本使用在Vuex中，mutation和action是两个核心概念，它们之间存在紧密的联系。mutation是改变state的唯一方式，而action则是将mutation commit到store中。 lets talk about mutation。mutation是一个函数，它的主要作用是更改state。每个mutation都有一个类型和一个处理函数，因为只有mutation才能改变state，所以处理函数自动获得一个默认参数state。mutation的类型其实就是名字，action去commit一个mutation时，需要指定要commit哪个mutation。在上面的代码中，我们定义了两个mutation：increment和decrement。increment用来将count加1，而decrement用来将count减1。 ``` mutations: { // 加1 INCREMENT(state) { state.count++; }, // 减1 DECREMENT(state) { state.count-- } } ``` 在Vuex中，我们建议使用大写常量表示mutation类型，所以我们将mutation类型改为大写。 ``` mutations: { // 加1 INCREMENT(state) { state.count++; }, // 减1 DECREMENT(state) { state.count-- } } ``` 接下来， lets talk about action。action是一个函数，它的主要作用是commit mutation。action需要指定要commit哪个mutation，同时还需要一个处理函数，该函数将会在action被dispatch时执行。在上面的代码中，我们定义了两个action：increment和decrement。increment用来commit INCREMENT mutation，而decrement用来commit DECREMENT mutation。 ``` actions: { increment(context) { context.commit("INCREMENT"); }, decrement(context) { context.commit("DECREMENT"); } } ``` action的定义方法与mutation相似，都是使用对象来定义函数。我们可以使用解构赋值来简化action的定义。 ``` actions: { increment({ commit }) { commit("INCREMENT"); }, decrement({ commit }) { commit("DECREMENT"); } } ``` 我们需要dispatch action。什么时候dispatch action呢？只有当我们点击按钮的时候。我们可以在按钮的click事件处理函数中dispatch action。 ``` <template> <div> <div> <button @click="add">+1</button> <button @click="decrement">-1</button> </div> </div> </template> <script> export default { methods: { add() { // dispatch increment action }, decrement() { // dispatch decrement action } } } </script> ``` mutation和action是Vuex中两个核心概念，mutation用来改变state，而action用来commit mutation。通过合理使用mutation和action，可以实现复杂的应用程序逻辑。

这是一个技术问题，我可以回答。这个错误通常是由于在 Vuex store 中没有定义名为 selectMenu 的 mutation 导致的。您需要在 store 中定义该 mutation，或者检查您的代码是否正确地调用了该 mutation。

阅读全文

[vuex] unknown mutation type: selectMenu

相关推荐

详解vuex中mutation/action的传参方式

浅谈vuex actions和mutation的异曲同工

vuex.esm.js:460 [vuex] unknown mutation type:

vuex.esm.js:460 [vuex] unknown mutation type: setshuliang

vuex.esm.js:460 [vuex] unknown mutation type: steToken

[vuex] unknown mutation type: count

[vuex] unknown mutation type: updateNodeData

vuex.esm.js?2f62:376 [vuex] unknown mutation type:

mutations需要在哪里引入吗，还是报这个错vuex.esm.js:376 [vuex] unknown mutation type: setMapUtils

报错：vuex.esm.js:376 [vuex] unknown mutation type: setMapUtils。标准的mutation调用应该怎么用，示范一下包括调用组件与被调用组件

unknown mutation type: payload

unknown mutation type: login

vuex报错 unknown local mutation type: SET T20VALUE, global type: datamonitor/sET T20VALUE

vuex报错 unknown local mutation type: SET_T20VALUE, global type: datamonitor/SET_T20VALUE

vue3 unknown mutation type: TOGGLE_menuIsCollapse

vue报错unknown mutation type: serviceHome/setserviceType

vuex.esm.js:497 [vuex] unknown action type: GetSystemSeat

vuex unknown local mutation type

main.js:7 [vuex] unknown action type: category/getAllCategory

最新推荐

浅谈vuex之mutation和action的基本使用

Java基于springboot+vue的校园自助洗衣服务管理系统的设计与实现.rar

平尾装配工作平台运输支撑系统设计与应用

管理建模和仿真的文件

MATLAB遗传算法探索：寻找随机性与确定性的平衡艺术

如何在S7-200 SMART PLC中使用MB_Client指令实现Modbus TCP通信？请详细解释从连接建立到数据交换的完整步骤。

MAX-MIN Ant System：用MATLAB解决旅行商问题

"互动学习：行动中的多样性与论文攻读经历"

【实战指南】MATLAB自适应遗传算法调整：优化流程全掌握

在Spring AOP中，如何实现一个环绕通知并在方法执行前后插入自定义逻辑？