av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

html5 - vue項目中vuex存儲問題

瀏覽:143日期:2022-11-09 08:41:10

問題描述

html5 - vue項目中vuex存儲問題

實現效果:點擊按鈕切換左邊菜單的寬度。

我現在已經用Vuex存儲了一個字段IsOpen,然后nav組件和menu組件都已經獲取到了字段的初始值,點擊nav組件按鈕的時候也切換了IsOpen的值,但是改變寬度的類名沒有切換。

這是nav組建的代碼:html5 - vue項目中vuex存儲問題

這是menu組件的代碼:

html5 - vue項目中vuex存儲問題

問題解答

回答1:

import { mapGetters } from ’vuex’

export {

computed: mapGetters[’toggleClass’]

}

在倉庫的 getters 文件里面寫切換樣式的代碼

回答2:

請仔細閱讀vuex文檔

Vuex 的狀態存儲是響應式的。當 Vue 組件從 store 中讀取狀態的時候,若 store中的狀態發生變化,那么相應的組件也會相應地得到高效更新。

你可以直接將vuex的數據綁定到你的標簽上

<p v-bind:class='[this.$store.getters.isOpen ? ’openWidth’, ’closeWidth’]'></p>

標簽: Html5
相關文章:
主站蜘蛛池模板: 久久久久久久久99精品 | 伊人色综合久久天天五月婷 | 日韩在线一区二区三区 | 国产激情视频在线免费观看 | 亚洲精品日韩综合观看成人91 | 婷婷中文字幕 | 二区在线视频 | 免费观看成人鲁鲁鲁鲁鲁视频 | 一区二区av在线 | 国产自产c区| 久久久999成人 | 毛片在线看片 | 中文字幕国产高清 | 国产成人免费视频 | 国产精品自拍视频 | 中文精品久久 | 国产成人高清视频 | 亚洲97 | 久久久久国产一区二区 | 麻豆成人在线视频 | 国产精品爱久久久久久久 | 一区二区三区四区国产 | 午夜影院在线观看 | 国产乱码精品一品二品 | 国产成人精品一区二区三区网站观看 | 午夜网 | a视频在线观看 | 久久欧美高清二区三区 | 国产片侵犯亲女视频播放 | 草久视频 | 午夜午夜精品一区二区三区文 | 久久国产精品一区二区 | 欧美一级久久 | 日韩欧美国产一区二区三区 | 美日韩精品| 亚洲三区在线观看 | 国产精品精品 | 精品国产一区二区三区久久影院 | 国产精品日女人 | 九九九久久国产免费 | 日韩成人av在线 |