jq用element写MessageBox退出登录提示

1、用messageBox写提示，必须确保已经引入的element组件，以下是相关代码

     <div class="htgl" id="closeImge">
                    <img src="./src/assets/newImage/close.png" />
                    <div>退出</div>
                </div>

2、利用id写的事件，记得清空存储的token，用户等信息，我用的localStorage，所以localStorage.clear（）清除的

   //退出
        $(document).on("click", '#closeImge', function () {
            ELEMENT.MessageBox.confirm('确认是否退出当前用户?', '温馨提示', {
                confirmButtonText: '确定',
                showClose: false,
                cancelButtonText: '取消',
            }).then(() => {
                var openip = window.location.host.replace(/^'|'$/g, "")
                window.location.href = "http://" + openip + "/#/login"
                localStorage.clear()
                ELEMENT.Message({
                    message: "退出成功",
                    type: 'success'
                });

            }).catch(() => {
                ELEMENT.Message({
                    type: 'info',
                    message: '已取消'
                });
            });
        })

3、最终效果

这是改了下背景色，改后的效果