对话框
基础
opened: false
result
<vnt-dialog :opened.sync="opened" v-on:result="onresult"
title="Basic dialog"
content="This is a basic dialog. As default it has only 'Cancel' button." />
主要操作
opened: false
result
<vnt-dialog :opened.sync="opened" v-on:result="onresult"
title="Notice"
content="This is a dialog with a primary action button.">
<vnt-dialog-btn-primary result="ok">OK</vnt-dialog-btn-primary>
</vnt-dialog>
默认操作
opened: false
result
<vnt-dialog :opened.sync="opened" v-on:result="onresult"
title="Notice"
content="This is a dialog with a default action button.">
<vnt-dialog-btn-primary result="ok" default>OK</vnt-dialog-btn-primary>
</vnt-dialog>
辅助操作
opened: false
result
<vnt-dialog :opened.sync="opened" v-on:result="onresult"
title="Question"
content="This is a dialog with primary and secondary buttons.">
<vnt-dialog-btn-primary result="ok">OK</vnt-dialog-btn-primary>
<vnt-dialog-btn-secondary result="later">Later</vnt-dialog-btn-secondary>
</vnt-dialog>
完全自定义按钮
opened: false
result
<vnt-dialog :opened.sync="opened" v-on:result="onresult"
title="Question"
content="This is a dialog with two action buttons and a custom dismiss button.">
<vnt-dialog-btn-primary result="ok" default>OK</vnt-dialog-btn-primary>
<vnt-dialog-btn-secondary result="later">Later</vnt-dialog-btn-secondary>
<vnt-dialog-btn-dismiss result="cancel">Close</vnt-dialog-btn-dismiss>
</vnt-dialog>
配置
content
默认：''
对话框的内容消息。
title
默认：''
对话框的标题。
opened
默认：false
控制对话框的状态 - 可见还是不可见。
事件
result
发出所选操作按钮的 result，以判定与对话框交互的结果。
update:opened
请求隐藏对话框时发出。对话框的状态由 opened 属性控制。