（我發現了一些類似的問題，但似乎沒有一個可以解決我的問題，但是如果我遺漏了什么，請參考。）我正在使用 Vue、Vuex 和 Vuetify。從“Google Keep”示例布局開始，我分解出 NavDrawer 和 AppBar 組件。但是，我在讓 NavDrawer 切換工作時遇到了一些麻煩。在實現 Vuex 之前，我使用了 props 和 events，通過父組件。使用Vuex，我的代碼如下：主.js：const store = new Vuex.Store({  state: {    drawerState: null  },  mutations: {    toggleDrawerState(state) {      state.drawerState = !state.drawerState    }  }})AppBar.view:<template>  <v-app-bar app clipped-left class="primary">    <v-app-bar-nav-icon @click="toggleDrawer()"/>  </v-app-bar></template><script>export default {  name: 'AppBar',  methods: {    toggleDrawer: function() {      this.$store.commit('toggleDrawerState')    }  }}</script>NavigationDrawer.vue：<template>  <v-navigation-drawer v-model="drawerState" app clipped color="grey lighten-4">    <!-- content -->  </v-navigation-drawer></template><script>export default {  name: 'NavigationDrawer',  computed: {    drawerState: {      get: function() { return this.$store.state.drawerState },      set: () => null    }  }}</script>NavDrawer的set: () => null計算屬性中的 是因為我一開始將它設置為調用突變，這導致了切換的反饋循環?，F在，我的問題是，給定一個初始v-model值null，Vuetify 在桌面上打開抽屜并在移動設備上關閉。并且當drawerState = !drawerState被調用時，null被制作true，但這只是讓抽屜在桌面上保持打開狀態，這意味著必須再次單擊該按鈕才能關閉抽屜。在最初的雙觸發問題之后，它在桌面上運行良好。然而，在移動設備上，它總是需要兩個觸發器。（我說的是移動設備，但實際上我只是縮小了瀏覽器窗口的大小。）我認為這是因為在調整大?。ɑ蚣虞d時）時，抽屜會自動隱藏，但無法更新 Vuex 存儲布爾值，這意味著雙觸發有必要的。因此，我的問題是：實現 Vuetify 的 navdrawer 以便從另一個組件切換它的標準或最佳實踐方法是什么？我認為狀態（無論是打開還是關閉）可能會被直接存儲，但是沒有“打開”或“關閉”事件可以訪問它。（例如，這個問題沒有答案。）它在示例頁面上運行良好，但它如何適應作為子組件工作？