第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

Vuex 問題。this.$store.dispatch(...) 工作

Vuex 問題。this.$store.dispatch(...) 工作

我從 vuex 調(diào)度 Actions 時(shí)遇到問題,我不知道為什么,但是 ...mapActions 不會(huì)觸發(fā)對(duì) Jsonplaceholder 的請(qǐng)求。但是this.$store.dispatch返回所有 10 個(gè)用戶沒有任何問題,所以這里是兩個(gè)文件的腳本,home.vue 頁(yè)面和 store.js:家:<script>  import { mapGetters, mapActions } from "vuex";  export default {    name: "Home",    created() {      // this.$store.dispatch('fetchUsers')      console.log(this.$store);    },    computed: {      ...mapGetters(["getUsers"])    },    methods: {      ...mapActions(["fetchUsers"]),      increment() {        this.$store.commit("increment");        console.log(this.$store.state.count);      }    }  };</script>店鋪:const store = new Vuex.Store({  state: {    count: 0,    users: []  },  getters: {    getUsers(state) {      return state.users;    }  },  mutations: {    increment(state) {      state.count++;    },    setUsers(state, users) {      console.log(state, users);      state.users = users;    }  },  actions: {    fetchUsers({ commit }) {      return new Promise(resolve => {        fetch("https://jsonplaceholder.typicode.com/users")          .then(response => {            return response.json();          })          .then(result => {            console.log(result);            commit("setUsers", result);            return resolve;          })          .catch(error => {            console.log(error.statusText);          });      });    },    incrementUsers({ commit }) {      commit("fetchUsers");    }  }});
查看完整描述

1 回答

?
暮色呼如

TA貢獻(xiàn)1853條經(jīng)驗(yàn) 獲得超9個(gè)贊

正如您在此處使用mapGetters的mapActions:


import {mapGetters, mapActions} from 'vuex'

更簡(jiǎn)單的方法是:


created() {

  this.fetchUsers()

  console.log(this.getUsers)

},

computed: {

  ...mapGetters(['getUsers'])

},

methods: {

  ...mapActions(['fetchUsers']),

}

此外,以防萬一您喜歡使用名稱間距


查看完整回答
反對(duì) 回復(fù) 2022-11-11
  • 1 回答
  • 0 關(guān)注
  • 304 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)