vue3动态绑定class

1.动态拼接class类名

span v-for="(locationStatus, index) in BASIC_服务器托管网LOCATION_STATUS" :ke服务器托管网y="index">
	div :class="[`left block_size color_` + locationStatus.value]">/div>
/span>

通过上面的拼接，动态实现下方的class样式,拼接时用到的``也可以换成''

.color_010 {
	background-color: #f1f3f2;
	border: 1px solid #f1f3f2;
}
.color_020 {
	background-color: #ffff00;
	border: 1px solid #ffff00;
}
.color_050 {
	background-color: #00ff00;
	border: 1px solid #00ff00;
}
.color_060 {
	background-color: #ff0000;
	border: 1px solid #ff0000;
}
.color_090 {
	background-color: #8a2be2;
	border: 1px solid #8a2be2;
}

服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net

相关推荐: 【原创】xenomai内核解析-xenomai实时线程创建流程

版权声明：本文为本文为博主原创文章，未经同意，禁止转载。如有错误，欢迎指正，博客地址：https://www.cnblogs.com/wsg1100/ 目录 问题概述 1 libCobalt中调用非实时POSIX接口 2 阶段1 linux线程创建 3 阶段2…