Modal 对话框

模态对话框。

何时使用

需要用户处理事务，又不希望跳转页面以致打断工作流程时，可以使用 Modal 在当前页面正中打开一个浮层，承载相应的操作。

演示

 <button class="btn btn-primary btn-large" @click.prevent="isShow = true">点击显示</button>
    <modal title="漂亮的对话框" content="你可以选择确认或者取消欧"
      @modal-on-close="isShow = false"
      @modal-on-confirm="confirm"
      :visible="isShow"
    >
    </modal>

代码

<button class="btn btn-primary btn-large" @click.prevent="isShow = true">点击显示 <modal title="漂亮的对话框" content="你可以选择确认或者取消欧" @modal-on-close="isShow = false" @modal-on-confirm="confirm" :visible="isShow" >

Loader 属性和事件

属性或事件	类型	默认	说明
title	string	-	Modal 的标题
content	string	-	Modal 的内容
visible	boolean	false	是否可见
modal-on-close	事件	-	回调 () => void, 点击确认的时候触发
modal-on-confirm	事件	-	回调 () => void, 点击取消的时候触发