去掉iview Modal組件中的取消和確定按鈕


在 iview 中 Modal對話框組件總是帶着“取消”和“確定”這兩個按鈕,有時候在做需求的時候,並不用這兩個按鈕,只是單獨想要對話框而已,這怎么去除這個兩個按鈕?

如下圖所示:

iview官網(http://v2.iviewui.com/components/modal)中說到,Modal對話框可通過solt 自定義頁頭 / 頁腳 / 右上角關閉內容 (header / footer / close)

實現去除“取消” 和“確定”按鈕可通過自定頁腳,其代碼如下:

<Modal

        v-model="modal1"

        title="Title">

        <p> 對話框主體內容 </p>

  <div slot="footer"></div>

 </Modal>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM