dialog-item 可以多个弹窗 更改数据获取方式

Author: bigrocs

src/store/actions.js

@@ -47,3 +47,6 @@ export const callbackData = ({ commit,state }, data) => {
 export const dialog = ({ commit,state }, {apiUrl, postData}) => {
   commit(types.DIALOG, {apiUrl, postData})
 }
+export const deleteDialog = ({ commit,state }, apiUrl) => {
+  commit(types.DELETE_DIALOG, apiUrl)
+}

src/store/index.js

@@ -20,10 +20,7 @@ const state = {
   api:{
     sidebar: ''
   },
-  dialog: {
-    postData: null,
-    apiUrl: null,
-  }
+  dialog: {}
 }
 export default new Vuex.Store({
   state,

src/store/mutation-types.js

@@ -2,4 +2,5 @@ export const SET_MAIN_DATA      = 'SET_MAIN_DATA'
 export const SET_SIDEBAR        = 'SET_SIDEBAR'
 export const CALLBACK_DATA      = 'CALLBACK_DATA'
 export const DIALOG             = 'DIALOG'
+export const DELETE_DIALOG      = 'DELETE_DIALOG'
 export const CALLBACK_ERROR     = 'CALLBACK_ERROR'

src/store/mutations.js

@@ -10,8 +10,10 @@ export default {
     state.callbackData = data
   },
   [types.DIALOG] (state, {apiUrl, postData}){
-    state.dialog.apiUrl   = apiUrl
-    state.dialog.postData = postData
+    Vue.set(state.dialog,apiUrl,postData)
+  },
+  [types.DELETE_DIALOG] (state, apiUrl){
+    Vue.delete(state.dialog,apiUrl)
   },
   [types.CALLBACK_ERROR] (state, error){
     state.callbackError = error