提问 发文

搜索框组件实现密码文本效果

易知微创新技术团队

| 2024-10-10 10:17 48 0 0

一、预览效果


二、实现逻辑

利用数据容器,将搜索框里的密码值实时回调发出给数据容器处理,再由搜索框接收数据容器传出处理完成的回调,让搜索框输入的密码显示为 *。


三、操作步骤

首先,添加搜索框组件,并添加回调参数,将输入框里的密码值实时回调发出给数据容器来处理。

图片

添加数据容器,由数据容器接收搜索框传出的密码回调,对输入的密码做处理。(此处用 * 做判断,所以密码中不能带有 *)。

图片

数据容器中的代码如图所示,注意添加回调字段。

图片

给数据容器添加数据回调。

图片

给搜索框组件添加数据过滤器,接收数据容器传出处理完成的回调,让搜索框输入的密码显示为 *。

图片

在【样式】-->【展示文字】将数据容器的展示文字设为空,使界面更美观。

图片


如需教程Demo,请关注公众号【易知微产品帮助中心】,发送“密码文本”即可获得~

收藏 0
分享
分享方式
微信

评论

游客

全部 0条评论

101

文章

910

人气

0

粉丝

0

关注

官方媒体

轻松设计高效搭建,减少3倍设计改稿与开发运维工作量

开始免费试用 预约演示

扫一扫关注公众号 扫一扫联系客服

©Copyrights 2016-2022 杭州易知微科技有限公司 浙ICP备2021017017号-3 浙公网安备33011002011932号

互联网信息服务业务 合字B2-20220090

400-8505-905 复制
免费试用
微信社区
易知微-数据可视化
微信扫一扫入群