vue 验证手机号码正确与否 再发送验证码

当输入的手机号码正确,改变获取验证码字体样式

   首先要使用computed对input标签进行的正则判断


使用v-model获取input的值

  利用计算属性判断手机号是否正确

将test的布尔值return出去给下图

 给获取验证码添加类名,根据上述方法的true与false来动态添加类名

当computed的方法为false,那么获取验证码就不好使了,直接取反就行

你可能感兴趣的:(vue 验证手机号码正确与否 再发送验证码)