VUE—在input框输入手机号,如果input框内没有内容则发送验证码按钮是灰色,若填写手机号让发送按钮按键立刻变色(图文详情)
VUE—在input框输入手机号,如果input框内没有内容则发送验证码按钮是灰色,若填写手机号让发送按钮按键立刻变色第一步:在input框里写一个v-model<input type="text" placeholder="请输入手机号" v-model="msg">第二步:在data中定义msg为空,之后在button里需要用到data () {return...
·
VUE—在input框输入手机号,如果input框内没有内容则发送验证码按钮是灰色,若填写手机号让发送按钮按键立刻变色
第一步:在input框里写一个v-model
<input type="text" placeholder="请输入手机号" v-model="msg">
第二步:在data中定义msg为空,之后在button里需要用到
data () {
return {
msg: ''
}
},
第三步:给button按钮写一个判断即可
<button :style="{background: msg == '' ? 'grey' : 'yellow' }">获取验证码</button>
如果msg为空则是灰色,只要输入一个字就是不为空,就会变成黄色
更多推荐
已为社区贡献16条内容
所有评论(0)