溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
怎么在Vuex中查詢數據狀態？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。
import store from './store'
new Vue({
el: '#app',
router,
store,
components: { App },
template: '<App/>'
})1.在子組件中通過this.$store.state.變量名在子組件中訪問state中某個變量的值
this.tabbarActive = this.$store.state.tabbarActive //這里的tabbarActive為存儲在vuex中state的變量名
2.在子組件中通過this.$store.commit(‘方法名'，參數)來進行對vuex中的數據狀態進行更新/插入
1）由于vuex中store的改變唯一的途徑是提交mutation,通過調用實例化后的vuex，mutations中相對應的方法可以實現對狀態值的改變，其中payload可以為參數對象，或者單個值，state參數在調用時默認為第一個參數可以不傳，但是在mutations中申明該函數時必須傳入state
mutations: {
changeTarBar (state,payload) {
state.tabbarActive = payload
}
}–在子組件中更新store中的狀態
this.$store.commit("changeTarBar",idx)//其中idx為傳入的參數–或者這種寫法,此時的payload則為一個參數對象，可以通過payload.idx獲得子組件傳入的參數值
this.$store.commit({
type:'changeTarBar',//type對應方法名
idx,
})看完上述內容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注億速云行業資訊頻道，感謝您對億速云的支持。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
