顯示提示輸入訊息並於按下確定時檢查是否有輸入,防止未輸入就按確定,且和按取消用不同邏輯處理
VueSimpleAlert.fire({
title: '請輸入原因',
input: 'text',
showCancelButton: true,
reverseButtons: true,
confirmButtonText: '確定',
cancelButtonText: '取消',
preConfirm: (inputValue) => {
if (!inputValue) {
// show some message
return false; // Prevents the alert from closing
}
return inputValue;
}
}).then(r => {
if (r.value) {
// do something (按取消則 r.dismiss='cancel' 且 r.value 不會有值)
}
});