我创建了一个示例 Vuex 项目并执行以下步骤将Vuex-Flash 消息添加到项目中:
$ npm install --save vuex-flash
在 main.js 中:
import VuexFlash from 'vuex-flash';
Vue.use(VuexFlash, { mixin: true });
在 store.js 中:
import Vue from 'vue'
import Vuex from 'vuex'
import { createFlashStore } from 'vuex-flash';
Vue.use(Vuex)
export default new Vuex.Store({
state: {
title: 'My Custom Title'
},
plugins: [
createFlashStore()
]
})
在一个组件中:
methods: {
test: function () {
this.flash({ message: 'some message', variant: 'success' });
}
}
但是当我调用 test() 时,什么也没有发生。我错过了什么或做错了什么?