Vuetify

商店

企业版

v-dialog 组件通知用户有关特定任务,且可能包含关键信息、需要决策或涉及多个任务。减少使用对话框的频率,因为它们具有干扰性。

对话框包含两个插槽,一个用于其激活器,另一个用于其内容(默认)。对隐私政策有好处。

从下面选择您想要的组件,并查看可用的属性、插槽、事件和函数。

下面是一些简单到复杂的例子。

如果因为某些原因而不能使用 activator slot (激活器插槽),请确保将.stop 修饰符添加到触发对话框的事件。

与 Simple Dialog 类似,不同之处在于在触摸外部时不会将其关闭。

一个可滚动内容的对话框示例。

如果内容溢出有效窗口空间,将会滚动容器。

这里有一个简单的表单对话框的例子。

v-dialog 组件可以轻松地为您的应用程序创建自定义加载体验。

由于空间的限制,全屏对话框可能更适用于移动设备,相对大屏设备来说。

对话框可以嵌套:可以从一个对话框打开另一个对话框。

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!