2

我创建了一个示例 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() 时,什么也没有发生。我错过了什么或做错了什么?

4

0 回答 0