用户名、密码都有值激活提交按钮

 最近用vue做移动端项目，要求当所有input框都有值时才点亮提交按钮，如下图：

 

解决思路：通过三个input框的v-model值运用逻辑运算符返回一个布尔值，通过computed计算属性return出去，用此变量控制提交按钮button的disabled的禁用状态。

具体做法：

结构：

computed属性的设置：

当3个变量都为true时，返回true，disabled取反，提交按钮就变为激活状态。

具体密码规则校验放在提交接口调用之前做。