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

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

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

vue实现登录界面输入框输入文字后登录按钮颜色改变与能点击_第1张图片

你可能感兴趣的:(vue实现登录界面输入框输入文字后登录按钮颜色改变与能点击)