javascript - 如何在 vuex 商店中导入本地静态图像

Question

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

我怎么能在商店或任何其他方法？

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

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

标签： javascriptvue.jsvue-componentvuex

Answer 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'})