uniapp使用uview ui+iconfont制作显隐密码框，解决input官网存在bug

最新推荐文章于 2024-04-07 17:47:33 发布

SpitFire_Dinosaur

最新推荐文章于 2024-04-07 17:47:33 发布

阅读量729

点赞数 3

文章标签： vue.js javascript

本文链接：https://blog.csdn.net/spitfire_dinosau/article/details/131597921

版权

实现效果使用uview inpu框做到密码显隐效果

未修改前，密码框无法从type：password转化为text

所以需要去到App/node_modules/uview-ui/components/u-input/u-input.vue中找到

:password="password || type === 'password' || undefined"
改成 :password="password || type === 'password' || false"

如下图所示，则可以使用

啊哈哈看到个图标true/false写错了也继续发表了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

SpitFire_Dinosaur

关注关注

3
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

uniapp结合uview-ui创建项目关键步骤一步一图教程

qq_36305027的博客

08-01

919

uView是uni-app生态专用的UI框架，uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台(引言自uni-app网)。但目前除微信小程序，其它小程序平台的兼容可能存在一些问题，后续会针对这方面持续优化。

uniapp使用uview组件实现省市区三级联动

06-29

在本文中，我们将深入探讨如何在uni-app框架中利用uView UI组件库来实现省市区三级联动的效果。uni-app是一个基于Vue.js的多端开发框架，它允许开发者编写一次代码，即可在iOS、Android、H5、小程序等多个平台运行。...

2 条评论您还未登录，请先登录后发表或查看评论

Vue基于iview实现登录密码的显示与隐藏功能

12-28

iview简介 iView 是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。 1.背景近期，在使用abp开发项目过程中，前端vue输入登录密码时默认隐藏，但是如果用户输错密码需要切换显示跟隐藏。故有此文。 2.实现最终效果 2.1 隐藏密码 2.2 显示密码显示密码需要点击密码框左侧眼睛 3.实现思路 3.1 v-if判断当前密码显示状态密码输入框跟密码图标最外层用Div标签包住，并且用vue的v-if v-else监听其显示还是隐藏状态。 <div v-on:c

【Uni-App】uview 开发多端应用，密码显示隐藏功能不生效问题

weixin_53339757的博客

08-11

1771

【Uni-App】uview 开发多端应用，密码显示隐藏功能不生效问题

uniapp密码输入框

Smile_ping的博客

05-26

4778

uniapp自定义密码输入框可用于短信验证码输入框、密码数字框… 文章目录uniapp自定义密码输入框效果图定义组件templatejsscss使用templatejs 效果图定义组件提示：这里把输入框定义为组件，其他可根据需求调整 template <template> <view> <view class="password-input-warp fcc"> <view class="password-input_item fcc"

Uview u-input框密码显示隐藏不生效

weixin_53325981的博客

11-16

1131

因为uview的框架原本的type=’password‘和password-icon不生效，实在没有办法只能换成下面这样写。

uniapp配置uView3.0与使用iconfont

weixin_52479803的博客

03-13

1669

uniapp配置uView3.0与使用iconfont

vue2+uniapp+uview2+i18n的空壳代码文件夹

07-02

vue2+uniapp+uview2+i18n的空壳代码文件夹

uniapp + vue3 + TypeScript + pinia + uviewplus

11-03

在当前的项目中，"uniapp + vue3 + TypeScript + pinia + uviewplus" 的组合代表了现代前端开发的一种高效、强大的解决方案。这个技术栈主要用于构建跨平台的移动应用，充分利用了各组件的优势，提供了良好的开发...

使用uniapp和uview-ui创建项目（H5和微信小程序项目）

最新发布

08-01

使用uniapp和uview-ui创建项目（H5和微信小程序项目） uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞...

uni-app+uView UI中使用u-input中密码框的显示切换bug

a644292242的博客

05-25

4617

在实际使用中，u-input作为密码框的时候，显示与隐藏密码功能切换在内置浏览器中该功能正常，如果编译在手机上该功能失效；错误代码： <view class="code-box" :class="isCodeFocus ? 'active' : ''"> <view class="icon-box"> <u-icon name="/static/icons/login_icon_password.png" size="50rpx"></u-icon&g

uView 2.0使用自定义iconfont图标

baidu_37302589的博客

05-16

5010

view2.0暂不支持使用自定义图标，只能通过修改源码去实现实现后的效果如下 1、先去图标库选择想要的icon加入项目，再生成代码 2、再点击下载代码，解压后如下 3、编写test.js文件，并通过 node test.js 执行 let path1 = "./iconfont.json"; let fs = require('fs'); const path = require('path'); let plays = JSON.parse(fs.readFileSync(path1)); co

【Uni-App】uview 开发app，密码显示隐藏功能发布线上不生效

Write less，do more

12-12

1607

登录功能密码小眼睛功能，u-input组件切换password属性（即显示，隐藏密码）时，app不生效。项目场景：使用uni-app加uview实现：app，H5，小程序三端项目开发。uview源码中的设置是。

uview 扩展iconfont 图标库，中间碰见的一个小坑

业余前端的职业经历

11-04

1814

中间怎么下载怎么使用我就不说了官网说的很清楚了 https://www.uviewui.com/guide/customIcon.html 其实官网的文档中描述的是通过使用base64的形式引入的，你也可以把下载下来的图标转换成base64的格式然后引入进去有个在线转换的网站 https://transfonter.org/。 https://transfonter.org/ 主要是引入字体的那里有个小问题就是他那个字体必须的是相对项目的根路径否则就会抱找不到我的项目目录是 /s

uniapp 密码框的眼睛

在职可交流前端开发，包括：web端、uniapp等，欢迎指教。

04-07

974

通过v-if控制显示不同的眼睛（即选中/未选中状态）

uniapp自定义输入框，实现验证码输入框、密码输入框、兼容微信小程序

m0_67584973的博客

04-10

8096

在移动端或者小程序项目中，验证码输入框、密码输入框也是很常见的，uniapp实现验证码输入框、兼容微信小程序。

uni-app：实现密码框内容展示与隐藏

weixin_46001736的博客

09-25

1497

uni-app：实现密码框内容展示与隐藏

自定义view实现密码输入框

ganggang_

11-29

804

我们项目很神奇啊能看到很多牛掰产品的影子不过这并不影响加班是我们快乐的热情哈哈哈虽然说很多功能和界面参照人家的然后项目上有个需求了跟陌陌上有个设置密码框的地方基本一样于是乎网搜了一下效果很多 but跟我们需求不太一样啊蛋疼参考了一些文章后就自己照葫芦画碗效果图是这样的：要求输入的时候显示小黑点下面参考别人

【Uni-App】uview 开发app，u-input 密码显示隐藏功能发布线上不生效

weixin_61945023的博客

03-24

1017

uniapp app端发布 uview u-input密码框小眼睛切换问题

uniapp使用uView ui报错TypeError: Cannot read properties of undefined (reading 'props')

09-07

另外，根据引用，如果您的项目是基于VUE3创建的，那么element-ui可能不适用于VUE3项目，您可以尝试使用element-plus来解决这个问题。如果您确认自己的项目是VUE2项目，您可以按照引用中的解决方案进行操作，即先确认...