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] 删除。
我来说两句