给vue中的元素设置css属性

在script里面，修改css的属性，有两种方法：1. 动态的设置class类名<div :class="color"></div>method: {setColor() {this.color = colorRed;}}<style>colorRed{color: red}</style>操作dom节点<divref='color'>&

my_web_advanced

4445人浏览 · 2020-09-05 09:29:06

my_web_advanced · 2020-09-05 09:29:06 发布

在script里面，修改css的属性，有两种方法：
1. 动态的设置class类名

  <div :class="color"></div>

method: {
		setColor() {
				this.color = colorRed;
		}
 }

<style> 
		colorRed  {   color: red  }	
</style>

操作dom节点

<div  ref='color'></div>

this.$refs.color.style.corlor = red

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^