vuex getters 参数通过参数 获取信息

原文链接: vuex getters 参数通过参数 获取信息

上一篇: vue 图片懒加载vue-lazyload

下一篇: vuex actions 使用异步操作

vuex 使用 store 保存 状态时，组件获取数据有可能需要传递参数

使用getter

let getters = {
  cur_movie(state) {
    return state.cur_movie
  },
  hot_movie_list: (state) => state.hot_movie_list,
  recommend_movie_list: (state) => state.recommend_movie_list,

  get_movie: (state, getters) => {
    return (movie_id) => {
      let res = state.recommend_movie_list.find(
        (item) => {
          console.log('item', item)
          return item['id'] == movie_id
        }
      )
      console.log(res)
      return res['alt_title']
    }
  }

}
export default getters

在store中配置

export default new Vuex.Store({
  state,
  mutations,
  getters,
  strict: true,
  plugins: [logger()]
})

使用

 this.$store.getters.get_movie(movie_id)