Um den Effekt zu erzielen: Klicken Sie auf die Schaltfläche, um die Breite des Menüs auf der linken Seite zu ändern.
Ich habe jetzt Vuex verwendet, um ein Feld IsOpen zu speichern, und dann haben sowohl die Navigationskomponente als auch die Menükomponente den Anfangswert des Feldes erhalten, wenn auf die Navigationskomponentenschaltfläche geklickt wird, der Wert von IsOpen wird ebenfalls umgeschaltet, aber der Wert ändert sich. Die Breite des Klassennamens wird nicht umgeschaltet.
Dies ist der Code für die Navigationsformation:
Dies ist der Code für die Menükomponente:
import { mapGetters } from 'vuex'
export {
}
在仓库的 getters 文件里面写切换样式的代码
请仔细阅读vuex文档
你可以直接将vuex的数据绑定到你的标签上