vue 自定义modal 模态框组件

参数名	类型	说明
visible	Boolean	是否显示，默认false
title	String	标题
update:visible	Boolean	更新visible, 使用:visible.sync实现动态绑定

Modal.vue

index.js

import Modal from './Modal.vue'
Modal.install=function(Vue){
  Vue.component(Modal.name,Modal)
}
export default Modal

main.js

import Modal from '@/components/common/modal'
Vue.use(Modal)

页面调用

  

    内容
  
  

    确定
    取消
  

效果图：

转载于:https://www.cnblogs.com/conglvse/p/9667930.html