账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    .vue组件 如何想store里面传值?
    36
    0

    .vue

    export default {
        data(){
            return{
                // useID:api.hdCookie.getCookie('userID')
            }
        },
        computed:{
            proList(){
                return this.$store.getters.getPageList
            },
            useID(){
                return api.hdCookie.getCookie('userID')
            },
            page(){
                return 1
            },
            num(){
                return 8
            }
        },
        mounted(){
            this.$store.dispatch('fetchPageList');
            console.log(this.$store);
        },
        methods:{
    
        }
    }

    store

    import Vue from 'vue'
    
    const state = {
      pageList: [],
      pageIndex: undefined,
      pageNum: 10
    }
    const getters = {
      getPageList: state => state.pageList,
      getPageIndex: state => state.pageIndex,
      getPageNum: state => state.pageNum
    }
    const actions = {
      fetchPageList({ commit, state }) {
        Vue.http.get('https://xxx?userId=' + useID + '&pageIndex=' + page + '&pageNum=' + '10')
          .then((res) => {
            commit('changePageList', JSON.parse(res.data.content).projectList)
          }, (err) => {
    
          })
      }
    }
    const mutations = {
      changePageList(state, payload) {
        state.pageList = payload
      },
      updateParams(state, { key, val }) {
        state.params[key] = val
      }
    }
    
    export default {
      state,
      getters,
      actions,
      mutations
    }

    如上,.vue组件需要向store里面传值,需要把useID,page,num传进来,动态修改http url的参数值?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部