基于iview UI 2.0 的 modal 对话框，进行二次封装，并可以通过v-modal属性来显示
文档
| 属性 | 说明 | 类型 | 默认值 |
| value | 对话框是否显示，可使用 v-model 双向绑定数据。 | Boolean | false |
| center | 弹框内部的文字是否居中 | Boolean | fasle |
| width | 弹框的宽度 | String | 400 |
| text | 弹框内部显示的文字 | String | - |
方法
| 事件名 | 说明 | 返回值 |
| on-cancel | 点击取消的回调 | fasle |
| on-ok | 点击确定的回调 | true |
| on-box | 显示状态发生变化时触发 | true / fasle |
封装的子组件
|
|
在需要的组件里面引用：使用时只要把popUp = true 即可，也可以自定义其他字段
注意：由于在main.js里面全局注册了，就不需要单独引入，可以直接使用。
mian.js里引入
// 封装的组件路径
import bouncedMessage from "@/views/my-components/modal-to/bouncedMessage.vue"
Vue.component("bouncedMessage",bouncedMessage)效果：
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！