3. 常用Props
props是組件實例的屬性，也是我們在使用this.$modal時需要配置的關(guān)鍵參數(shù)。下面是一些常用的props：
title: modal的標(biāo)題 visible.sync: 控制modal是否可見 width: modal的寬度，支持%和px等單位 height: modal的高度，支持%和px等單位 top: modal的距離頂部的距離，只支持px modal: 是否展示遮罩層 center: 是否垂直居中 destroy-on-close: 是否在關(guān)閉時銷毀組件實例 show-close: 是否顯示關(guān)閉按鈕 close-on-click-modal: 點擊遮罩層是否可關(guān)閉modal lock-scroll: 是否鎖定背景滾動 custom-class: 自定義class名稱4. 常用Events
events是組件實例的事件，也是我們在使用this.$modal時可以偵聽的事件。下面是一些常用的事件：
close: modal關(guān)閉時觸發(fā) open: modal打開時觸發(fā)五、總結(jié)
本文介紹了如何在vue.js中使用this.$modal，以及它的一些基礎(chǔ)概念、常見應(yīng)用場景、具體使用方法、常用props和events等方面的內(nèi)容。通過上述的學(xué)習(xí)，我們可以快速掌握modal的使用技巧，在實際項目中靈活運用。
京公網(wǎng)安備 11010802030320號