亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何從vuex狀態接收動態數據到組件中

如何從vuex狀態接收動態數據到組件中

開心每一天1111 2023-12-14 15:41:54
我正在嘗試學習 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>
查看完整描述

2 回答

?
胡子哥哥

TA貢獻1825條經驗 獲得超6個贊

我相信您正在尋找類似的功能watch


data: {

    scale: this.$state.scale

},

watch: {

    '$store.state.scale': (newVal) => {

        this.scale = newVal;

    }

}


查看完整回答
反對 回復 2023-12-14
?
胡說叔叔

TA貢獻1804條經驗 獲得超8個贊

我不確定出了什么問題,但你可以嘗試一下,然后會發生什么?你如何調度你的行動?


<template>

    <div>

        {{ MJERILO }}

    </div>

</template>



import { mapGetters, mapActions } from "vuex";

export default {

    ...mapGetters(["MJERILO"]),

}


查看完整回答
反對 回復 2023-12-14
  • 2 回答
  • 0 關注
  • 155 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號