在Vue的web應(yīng)用開發(fā)中,很多時候我們需要彈出一個確認框來提示用戶是否執(zhí)行某個操作。Vue的官方庫提供了一個 confirm 方法來實現(xiàn)這個功能。在使用 confirm 方法時,有時我們需要在確認框的提示內(nèi)容中添加換行,這給開發(fā)過程帶來了一些麻煩。
下面我會介紹兩種在Vue中實現(xiàn) confirm 換行的方法。
// 方法一:使用 \n 換行符
this.$confirm('您確定要刪除該條數(shù)據(jù)嗎?\n請注意,刪除后數(shù)據(jù)將無法恢復(fù)。
').then(() =>{
// 實現(xiàn)確認操作
}).catch(() =>{
// 實現(xiàn)取消操作
})
// 方法二:使用數(shù)組來拼接字符串
this.$confirm(['您確定要刪除該條數(shù)據(jù)嗎?', '請注意,刪除后數(shù)據(jù)將無法恢復(fù)。']).then(() =>{
// 實現(xiàn)確認操作
}).catch(() =>{
// 實現(xiàn)取消操作
})
以上兩種實現(xiàn)方法,都可以在 Vue confirm 中實現(xiàn)換行。但是方法一比較簡單,容易記憶,推薦使用。
以上就是我的分享,希望對你有幫助!