请问vuex下一页功能如何写

第一次尝试vuex,页面打开时,获取数据成功,page的0是默认第一页,我想点击按钮,page+1,然后再重新获取第二页的数据,这样该怎么写?现在只是page可以+,但是没有获取数据,不知道如何再去触发GET_C_NAME

import {
    GET_C_NAME,
    NEXT_CURRENTPAGE} from './../types'

const state = {
    page: 0,
    lists:[]
}

const mutations = {
    [GET_C_NAME](state,action){
        state.lists=action.community_name[state.page]

    },
    [NEXT_CURRENTPAGE](state,action){
        state.page++
    }
}

export default {
    state,
    mutations
}

首先,无论获取数据的方式是同步还是异步,都应该写在action里,但你贴出来的代码,我们看到有action,关于这么写action,看文档action

其次,你要做的是:

  1. 在你的组件里监听按钮的click事件,用v-on:click这个玩过吧!

  2. 然后调用获取下一页数据的action(没写赶紧去写吧),至于到底是加1还是加几,随你便

  3. action里,将拿到的数据传给dispatch给相应的mutation方法

  4. mutation方法里,修改state,结束

你看看这位同学写的 看看这个 要是有用给人家点个赞 ^_^

  • vue2在window环境下源代码调试报错
  • 从state里面取数据和从getters里面取数据有啥区别?
  • vscode编辑正常.vue文件,eslint报错,改如何配置?
  • vue.js路由切换后有一些css不起作用,刷新后会恢复
  • vue组件中如何用data保存vuex的getters获取到的值
  • 基于vue-cli webpack开发时,如何为某个组件引入第三方JS库或自己定义的JS库
  • 这种多选框被选择的选项在数据表中怎么保存呢?
  • cordova 生成iOS app webpack build vuejs 图片src 无法显示
  • vue.js 页面内容多,出现卡顿现象?有谁遇到过吗?
  • vue 列表渲染怎么取到具体的某个值
  • vue父子组件通过属性传递数据出问题