2025年1月14日 星期二

vue3-simple-alert 學習心得

官網

顯示提示輸入訊息並於按下確定時檢查是否有輸入,防止未輸入就按確定,且和按取消用不同邏輯處理

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 不會有值)
    }
});

vue3-simple-alert 學習心得

官網 顯示提示輸入訊息並於按下確定時檢查是否有輸入,防止未輸入就按確定,且和按取消用不同邏輯處理 VueSimpleAlert.fire({     title: '請輸入原因',     input: 'text',     showCancel...