Vue的confirm功能可以讓用戶在完成某些操作之前再次確認。確認框可以顯示一個消息以及兩個按鈕,通常是“確定”和“取消”。如果用戶點擊“確定”按鈕,操作就會繼續執行,否則則中止。
Vue.confirm(message, options)
Vue.confirm()方法接受兩個參數。第一個參數是一個字符串,表示對話框中要顯示的消息。第二個參數是一個選項對象,可以包含以下屬性:
{ title: String, // 對話框的標題 confirmButton: Object, //自定義確認按鈕的文本和樣式 cancelButton: Object //自定義取消按鈕的文本和樣式 }
確認框返回一個Promise對象,當用戶點擊“確定”按鈕時,該Promise會被解析為true,否則被解析為false。
下面是一個Vue.confirm()的例子:
Vue.confirm('Are you sure?') .then(function () { // 用戶選擇了“確定”按鈕 // 執行操作 }) .catch(function () { // 用戶選擇了“取消”按鈕 // 操作取消 });
除了confirm()方法,Vue還提供了其他幾個有用的對話框方法:
Vue.alert(message, options) // 顯示一個警告框 Vue.prompt(message, options) // 顯示一個輸入框
這些方法都遵循和confirm()相同的模式,接受一個消息字符串和一個選項對象,并且返回Promise。
上一篇讓照片居中css
下一篇記事本怎么引用css