如何在vuex存储中导入本地静态图像

时间:2018-05-10 05:05:05

标签: javascript vue.js vue-component vuex

我在vuex中调度一个动作来获取绑定到swiper或carousel的数组图像url,但现在我想在数组中添加一个本地静态图像,如何编写它?

我如何在商店或任何其他方法中做?

actions:{
getBanner({commit, state}){
    axios(url).then(data =>{
      commit('setImageArr',data)
    })
  }
}

mutations:{
  setImageArr(state,arr){
    state.arr = arr
  }
}

1 个答案:

答案 0 :(得分:1)

添加变异:

actions:{
getBanner({commit, state}){
    axios(url).then(data =>{
      commit('setImageArr',data)
    })
  }
}

mutations:{
  setImageArr(state,arr){
    state.arr = arr
  },
  addImg ({arr},{url}) {
    arr.push(url)
  }
}

用法:

this.$store.commit('addImg',{url:'your img url'})