vue实现登录界面输入框输入文字后登录按钮颜色改变与能点击

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue实现登录界面输入框输入文字后登录按钮颜色改变与能点击相关的知识,希望对你有一定的参考价值。

参考技术A 在做vue项目的时候需要实现当输入框没有文字的时候是灰色的,输入了文字的时候是蓝色的,开始的时候想的是通过watch来监听输入框值的变化,当currentValue不为空的时候,就改变下面登录的按钮.但是项目还有其他的需求,就是当手机号与密码框只要其中有一个不是空的时候就必须要将登录按钮变色,再这个时候,watch就有点力不从心了.

后来想了下,通过input的keyup事件来监控这个按钮颜色.其实也是很简单的事情.只是当时一直想着是使用watch来解决,就导致思路比较的单一.

以上是关于vue实现登录界面输入框输入文字后登录按钮颜色改变与能点击的主要内容,如果未能解决你的问题,请参考以下文章

如何用JavaScript,在输入框中输入颜色,改变相对应文字的颜色?

Android Studio实现简单的QQ登录界面

用WPF写一个登录界面,我想在输入完密码后按回车就能够验证登陆,而不需要用鼠标单击登陆按钮

Android开发:动画项目实战:酷炫登录

Vue实现点击按钮或者图标可编辑输入框

Vue实现点击按钮或者图标可编辑输入框