wex5组件--messageDialog

最新推荐文章于 2021-09-06 11:30:06 发布

YuanlongWang

最新推荐文章于 2021-09-06 11:30:06 发布

阅读量942

点赞数

CC 4.0 BY-SA版权

文章标签： javascript wex5 app 提示框

本文链接：https://blog.youkuaiyun.com/lwpoor123/article/details/73621738

本文介绍如何在Wex5应用中使用messageDialog组件实现注销登录提示框的功能。通过设置对话框的样式、内容及回调函数，可以轻松完成用户注销流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近使用起步科技的Wex5开发的app，想做一个注销登录的提示框，使用了messageDialog组件。
运行起来是这样的效果：
这里写图片描述

在.w文件里如下控件代码：

<span component="$UI/system/components/justep/messageDialog/messageDialog" xid="messageDialog"></span>

js文件里面调用该控件：

var messageDialog = this.comp("messageDialog");//找到messageDialog控件
        messageDialog.show({
            type : 'YesNo',//指定控件类型
            title : '注销',
            message : '确认要注销吗?',
            callback : function(par) {
                if (par.button == 'yes') {
                    justep.Shell.IsLogin.set(false);//修改登录状态
                    localStorage.removeItem("userInfo");//清除用户数据
                    justep.Shell.fireEvent("onLoginChanged");
                    justep.Util.hint("注销成功");
                }
            }
        });