javascript - 如何在vuex store中导入本地静态图片

标签 javascript vue.js vue-component vuex

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

我可以在商店或任何其他方法中进行操作吗?

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

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

最佳答案

添加突变:

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

关于javascript - 如何在vuex store中导入本地静态图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50265837/

相关文章:

javascript - vuejs 2组件base64图像未更新

javascript - vue-carousel 无法读取未定义的属性 'forEach'

javascript - d3.js 从一条路径绘制多条并行路径

javascript - 我遇到了 Vue 数据问题(组件渲染问题)

javascript - 如何通过单击谷歌地图内的按钮来调用 Vue js 的方法

javascript - 使用 Jest 测试 NUXT.js 和 Vue.js 应用程序。获取 '[vuex] module namespace not found in mapState()' 和 '[vuex] unknown action type'

javascript - 向日期添加天数 javascript

javascript - 滚动导航过渡

javascript - 我可以分配对象运算符吗? "e.g. +, -"

css - 如何从 JS 访问作用域关键帧