Javascript Vuetify对话框未在装载的事件发出vue时打开

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

这是我发送事件的按钮

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

这就是我获得这项赛事的方式。现在它正确地设置了对话框的值，但是对话框还没有显示出来

这个对话码

            <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，它就会显示出来。但对于emit和mount事件，它根本不起作用。是有什么不对劲还是我遗漏了什么

请提供一个这样的代码笔，因此简而言之，问题是，当它位于

this.$root.$on（“toggleTransferModal”，（）=>{

为什么不只使用

this.$on

和

this.$emit

来引用

$root

我不明白？这可以放置控制台消息，但不能执行对话框=true。为什么会这样？这也不起作用

            <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>