对话转换完成后的回调

Question

Vuetify 有一些不错的内置转换。但是当默认对话框缩放动画完成时，如何调用方法？

<v-dialog v-model="dialog" persistent max-width="200">
  <v-btn slot="activator">Open</v-btn>
  <v-card>
    <v-card-text>Thank you!</v-card-text>
    <v-card-actions>
      <v-spacer></v-spacer>
      <v-btn flat @click.native="dialog = false">Close</v-btn>
    </v-card-actions>
  </v-card>
</v-dialog>

Vuejs 在此处描述了一些 Javascript 回调：https://vuejs.org/v2/guide/transitions.html#JavaScript-Hooks 有可能以某种方式使用它们吗？

我的第一个想法是将对话框转换属性设置为 false 并用自定义转换包装它，但这似乎不起作用（禁用转换有效但添加我自己的没有），可能是由于Vuetify 生成的底层结构。

背景：我在对话框中渲染了一个 Google 地图，需要在达到完整尺寸后调整大小。

Answer 1

这个问题正在 Vuetify 的 v1.2.x 里程碑中处理： Heres the issue

您也可以考虑使用适当的 vuejs 挂钩重新创建模态包装。

对话转换完成后的回调

Callback after dialog transition has finished

vuetify.js