3. 常用Props
props是组件实例的属性，也是我们在使用this.$modal时需要配置的关键参数。下面是一些常用的props：
title: modal的标题 visible.sync: 控制modal是否可见 width: modal的宽度，支持%和px等单位 height: modal的高度，支持%和px等单位 top: modal的距离顶部的距离，只支持px modal: 是否展示遮罩层 center: 是否垂直居中 destroy-on-close: 是否在关闭时销毁组件实例 show-close: 是否显示关闭按钮 close-on-click-modal: 点击遮罩层是否可关闭modal lock-scroll: 是否锁定背景滚动 custom-class: 自定义class名称4. 常用Events
events是组件实例的事件，也是我们在使用this.$modal时可以侦听的事件。下面是一些常用的事件：
close: modal关闭时触发 open: modal打开时触发五、总结
本文介绍了如何在vue.js中使用this.$modal，以及它的一些基础概念、常见应用场景、具体使用方法、常用props和events等方面的内容。通过上述的学习，我们可以快速掌握modal的使用技巧，在实际项目中灵活运用。
京公网安备 11010802030320号