vue如何动态改变颜色
场景昨天做了一个查询的,有时候查不到东西,确实可以以弹框的形式告知用户,但是弹框会使用户不能够进行其他操作.有时候会出现卡死的局面,可以以文字的形式告知,正常结果为正常颜色,查不到或者查询出现错误就会是红色.方案例如:<input v-model='xxx' :style="{'color':cerrorColor}">写一个computed: {cerrorColor () {if(
·
场景
昨天做了一个查询的,有时候查不到东西,确实可以以弹框的形式告知用户,但是弹框会使用户不能够进行其他操作.有时候会出现卡死的局面,可以以文字的形式告知,正常结果为正常颜色,查不到或者查询出现错误就会是红色.
方案
例如:
<input v-model='xxx' :style="{'color':cerrorColor}">
写一个
computed: {
cerrorColor () {
if("xxx" === "xxx"){
return 'red'
} else {
return 'black'
}
}
}
定义一个变量去监视,类似于观察者即可.也可以绑定其他事件,例如点击事件,改变焦点等等.更多可以去vue官网查看.
本人才疏学浅,如有错误和遗漏,还请指出,如果是java初学者,有问题可以留言或者评论,本人必当竭力相助,最后祝大家都能成为自己想要的样子!工作顺利心想事成!
更多推荐
已为社区贡献1条内容
所有评论(0)