vuex里mutations定义的方法，在模板里怎么使用

Question

我模板可以直接接调用SET_PLANT方法吗？

vuex

 mutations: {
        SET_PLANT: (state, data) => {
            state.factoryRole = data;
            console.log('vuex');
            console.log(state.factoryRole);
        }
     }

Answer 1

vue文件中使用

import { mapMutations } from 'vuex' // 先引入mapMutations 

methods: {
  ...mapMutations(['SET_PLANT']),
  testFun () {
    let data = ''
    this.SET_PLANT(data) // 使用
  }
}

其他JS文件中使用

import store from '@/store' // 引入store
let data = ''
store.commit('SET_PLANT', data) // 使用

Answer 2

this.$store.commit('SET_PLANT', data);