Vuetify对话框未在安装的事件中打开

Question

单击按钮后，我会将用户重定向到另一个页面。然后在该页面上发送事件以打开对话框。它可以正常工作，用于发送事件并将对话框的值设置为true，但尚未显示。

这是我发送事件的按钮

                      <v-btn
                        text
                        small
                        @click.stop="
                          $root.$emit('toggleTransferModal')
                          goToTrasnferModal(camera.id)
                        "
                        >Transfer Camera</v-btn
                      >

和转移页面上。已安装。

  mounted() {
    this.$root.$on("toggleTransferModal", () => {
      console.log("here")
      console.log(this.dialog)
      this.dialog = !this.dialog
      console.log(!this.dialog)
    })
  },

这就是我得到那个活动的方式。现在可以正确设置对话框的值，但对话框尚未显示。

此对话框代码

            <template>
              <v-btn
                v-if="owner.email === user_email"
                class="transfer-link caption"
                text
                @click.native.prevent
                @click.stop="dialog = true"
              >
                Transfer
              </v-btn>
            </template>
            <v-dialog v-model="dialog" width="500">
              <v-card> 

因为上面有转移按钮，然后单击该按钮，对话框值设置为true并显示。但是，通过发射和安装事件，它根本无法工作。有什么问题还是我错过了什么？