我正在嘗試學習 vuex,但我認為我缺少一些基本的理解。請任何建議。我從一個組件將可縮放地圖的比例值發送到 vuex 存儲。商店.jsexport default new Vuex.Store({ state: { scale:"" }, getters:{ MJERILO: state => { return state.scale } }, mutations:{ STORESCALE: (state, payload) => { state.scale = payload } }, actions:{ RECEIVECURRENTSCALE: (context, payload) => { context.commit("STORESCALE", payload); } } })這部分工作得很好,因為在 vue 開發工具中,當我用鼠標放大/縮小時,我可以看到比例數字在突變、狀態和吸氣劑中發生變化。(做,突變會自動改變,對于狀態和吸氣劑,我需要按加載狀態。我想這個工作是這樣的)所以問題可能在于我如何嘗試將數據從 vuex 狀態接收到其他組件中。我試過:地圖1.vuemounted(){ var scale = this.$store.getters.MJERILO}但我只是獲取存儲在狀態屬性 mjerilo 中的值(在本例中為空)。我需要發送給各州的動態。對于靜態數據,這非常有效(我嘗試使用簡單數組)。我也嘗試重試計算中的數據,但我遇到了類似的問題。在這種情況下,在安裝中我只得到第一個比例值computed: { mjerilo(){ return this.$store.getters.MJERILO }}mounted(){ var scale = this.mjerilo}我很迷失。從閱讀中我了解到,每當我用鼠標滾動地圖時,我都會將數據發送到“注冊”操作,而不是通過突變將這些數據存儲在狀態中。從狀態我可以在我的應用程序的任何其他 vue 組件中獲取最后更新的數據(在本例中為比例)?更新:我正在添加 Map1.vue 組件<template> <svg-map name="Zupanije" ></svg-map> </template><script>import * as d3 from 'd3'import SvgMap from "./SvgMap"export default { name: "Map1", components: { "svg-map":SvgMap }, mounted(){ ......lots of javascrip code . . var scale = this.$store.getters.MJERILO }}</script>
如何從vuex狀態接收動態數據到組件中
開心每一天1111
2023-12-14 15:41:54