[JavaScript知识库]vue如何动态改变颜色

场景

昨天做了一个查询的,有时候查不到东西,确实可以以弹框的形式告知用户,但是弹框会使用户不能够进行其他操作.有时候会出现卡死的局面,可以以文字的形式告知,正常结果为正常颜色,查不到或者查询出现错误就会是红色.

方案

例如:

<input v-model='xxx' :style="{'color':cerrorColor}">

写一个

computed: {
	cerrorColor () {
		if("xxx" === "xxx"){
			return 'red'
		} else {
			return 'black'
		 }
	}
}

定义一个变量去监视,类似于观察者即可.也可以绑定其他事件,例如点击事件,改变焦点等等.更多可以去vue官网查看.

本人才疏学浅,如有错误和遗漏,还请指出,如果是java初学者,有问题可以留言或者评论,本人必当竭力相助,最后祝大家都能成为自己想要的样子!工作顺利心想事成!