对话框转换完成后的回调

托尼·龙纳多

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地图,该地图在达到完整大小后需要重新调整大小。

保罗·德特

Vuetify的v1.2.x里程碑正在处理此问题:此处是问题

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

完成后,以编程方式关闭ACTION_VIEW对话框

AngularJS、AngularConfirm - 功能完成后更新确认对话框

从jQuery UI对话框回调

Bootbox:取消对话框后的回调功能/单击“ X”按钮

FBSDKLoginKit,注销完成后如何进行回调?

PHP-array_walk完成后回调

在多个函数完成后运行回调

IF/else语句完成后如何运行回调

循环加载函数 - 全部完成后回调?

.forEach完成后执行回调函数

#each完成后如何执行回调?

远程芹菜工人完成后通知或回调烧瓶

jQuery转换完成后如何获取回调

Android全屏对话框回调问题

Haskell OpenGL 中的对话框和按钮回调

Facebook feed对话框:空回调

动态jQuery UI对话框回调函数问题

所有异步forEach回调完成后的回调

简单的进度对话框onClick,完成操作后隐藏

完成共享后如何关闭发送对话框?

回传后未调用模式对话框的onshow

修复进度对话框在下载完成后显示

自动关闭模式对话框-完成服务器代码后,在Google Spreadsheet中关闭对话框

Javascript和回调并被推迟。google gmail API请求完成后,如何运行函数?

APScheduler 回调函数 - 作业完成后如何在 python 中调用某些功能/模块?

在.each循环内的Jquery回调完成后,如何执行函数

TkInter:如何等到方法完成后才进行回调

Firebase Cloud Function onWrite完成后,如何触发Android客户端回调?

一组工作人员完成后如何执行Sidekiq回调