动态添加class方式:

1.通过v-bind来绑定class,通过对象的方式来定义class

<template>
	<div :class="{h1:bindtop}">
	</div>
</template>
<script>
	export {
		data(){
		return {
			bindtop:true
			}
		}
	}
</script>

2.通过v-bind绑定class,通过数组的方式定义class

<template>
	<div :class="['h1','pre',{'title':bindtop}]"></div>
</template>
<script>
	export {
		data(){
			return {bindtop:true}
		}
	}
</script>
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐