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號