对话框转换完成后的回调

Question

Vuetify有一些不错的内置过渡。但是，如何在默认对话框缩放动画完成后调用方法？

https://codepen.io/anon/pen/qKNNLw

<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挂钩重新创建包裹它的模态。