vue中改变字体颜色(v-bind)
今天写东西碰到一些问题,现在要记录下来<div class="account">帐号:<inputtype="text"placeholder="请输入您的账号"v-model="account"/><span>*</span><span id="tishiAccount" :style="tishiAccount_style">{{ m
·
今天写东西碰到一些问题,现在要记录下来
<div class="account">
帐号:<input
type="text"
placeholder="请输入您的账号"
v-model="account"
/><span>*</span
><span id="tishiAccount" :style="tishiAccount_style">{{ msg }}</span>
</div>
实现功能是:改变span的字体颜色
使用dom和ref都无法实现,更换了另一种方法-----直接改变样式
data() {
return {
tishiAccount_style: {
color: "",
},
};
},
methods: {
checkAccount() {
let reg = /^\w{6,15}$/;
if (reg.test(this.account)) {
this.msg = "账户名正确√";
this.tishiAccount_style.color = "green !important";
} else {
this.msg = "账户名错误×";
this.tishiAccount_style.color = "red !important";
}
},
check() {
this.checkAccount();
},
},
更多推荐
所有评论(0)