javascript - Vuetify 对话框未在已安装的事件发出 vue 时打开

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 并显示。但是对于发出和挂载事件，它根本不起作用。有什么问题还是我遗漏了什么？

标签： javascriptvue.jsvuetify.js