Vue使用原生的confirm dialog

前端 Vue

Created At : 2023-03-07 15:37

Count:127 Views 👀 :

在方法內使用if(confirm(“確定要刪除?”)){…..}，即可跳出確認視窗。

實現代碼如下：

<script type="text/javascript">

    var vue = new Vue({
        el:'#main',
        methods:{
            //event表示當前事件
            deletebook: function (){
                if(confirm("確定要刪除?")) {

                    //通過document.getElementById()獲取表單標籤
                    var form = document.getElementById("delete_form");
                    //將觸發事件的href屬性賦給form的action屬性
                    form.action = event.target.href;
                    //提交表單
                    form.submit();
                }
                //阻止默認的超連結功能
                event.preventDefault();
            }
        }
    });

</script>

轉載請注明來源，歡迎對文章中的引用來源進行考證，歡迎指出任何有錯誤或不夠清晰的表達。可以郵件至 b8954008@gmail.com