色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

vue的各種彈窗

林雅南1年前11瀏覽0評論

彈窗是我們在平時開發中經常使用到的一種交互方式,Vue提供了多種方式實現彈窗的效果,下面我們就來一一介紹:

1.普通彈窗

Vue.prototype.$alert(msg, title, opt)
這個方法可以用于快速創建一個普通的彈窗,使用簡單,可以設置彈窗內容、標題以及其他一些參數,例如是否點擊遮罩層關閉彈窗,是否顯示確認按鈕等。

2.確認彈窗

this.$confirm(msg, title, opt)
這個方法會創建一個確認彈窗,可以設置彈窗內容、標題以及其它參數,區別于普通彈窗的是,這個方法返回一個Promise對象,可以通過then方法獲取到用戶是否點擊了確認按鈕的結果。

3.提醒彈窗

this.$message(msg, opt)
這個方法可以快速創建一個提醒彈窗,可以設置彈窗內容、標題以及一些參數,例如彈窗自動消失的時間、彈窗類型等。

4.提示彈窗

this.$notify(msg, opt)
與提醒彈窗類似,這個方法也是用于創建一個提示彈窗,它可以設置彈窗內容、標題以及其他一些參數,區別在于這個方法使用的是一個全局的通知器,所以可以在任何地方調用。

5.模態窗口

<template>
<Modal v-model="show" title="模態窗口">
<p>這是一個模態窗口</p>
</Modal>
</template>
模態窗口是一個常見的彈窗效果,Vue實現模態窗口的方式是通過組件的方式創建,可以自定義模態窗口的內容和樣式,并且可以使用v-model來控制它的顯示和隱藏。

總結:Vue提供的彈窗方式比較靈活,你可以根據自己的需要選擇不同的方式來實現彈窗效果,如果你還不熟悉,可以多嘗試一下實踐,并且可以通過查看文檔來學習更多的內容。