我試圖在vuex中突變狀態,但是,它總是說vuex.esm-browser.js?5502:976 [vuex] unknown mutation type: addToCart。我以如下兩種不同的方式在突變中呼叫addToCart,但它沒有作業。它總是拋出同樣的錯誤。
< button @click="addToCart(product)" class="add">Add< /button>
import{mapMutations}。from 'vuex'/span>
export default{
methods:{
...mapMutations(["addToCart"/span>])。
},
props: ["product"]。
}
</script>
Vuex store
import { createStore } from "vuex"/span>;
export default createStore( {
state:{
cart: []
},
mutation:{
addToCart(state, product){
let item = state.cart. find(i=>i.id == product.id)
if(item){
item.quantity 。
}else{
state.cart.push({...product, quantity: 1})
}
}
}
})
我甚至還嘗試了這個。
< 按鈕 @click="addToCart()" class="add">Add< /button>
<script>。
props: ["product"]。
methods:{
addToCart(){
this.$store。 commit('addToCart', this.product)
}
</script>
uj5u.com熱心網友回復:
不應該是這樣的。mutations而不是商店檔案中的mutation?
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/327588.html
標籤:
上一篇:如何在Vue中渲染html字串中的資料,然后再顯示出來?
下一篇:不能使用Jitpack的依賴性
