Vue.js密码框大小写提示

最新推荐文章于 2024-05-11 14:06:31 发布

Hpsyche

最新推荐文章于 2024-05-11 14:06:31 发布

阅读量2.6k

点赞数 2

分类专栏： vue 文章标签： vue 密码框大小写提示

本文链接：https://blog.csdn.net/hpsyche/article/details/100128812

版权

这篇博客记录了在Vue.js项目中如何实现在使用element-ui密码框时，当用户输入大写字母时给出提示的方法。通过监听键盘事件，判断输入字符的大小写状态，动态更新提示信息。

摘要由CSDN通过智能技术生成

前言

在写项目调前端时有如下需求：密码框大写时需要加以提示；
项目组件使用的基本是element-ui，由于自己对前端不对熟悉，在这里做下笔记，也算是给大家提供下参考。

具体实现

首先是密码框（主要是这句：@keyup.native=“loginKeyDown”）

<li>
    <el-input prefix-icon="el-icon-lock" type="password" v-model.trim="loginFrom.password"
placeholder="密码" @keyup.native="loginKeyDown" clearable @keyup.enter.native="loginFn"></el-input>
	<div style="height:15px">&nbsp;<el-tag v-show="bigChar"