vue动态添加class

vue动态添加class,第1张

动态添加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>

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/941034.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-17
下一篇 2022-05-17

发表评论

登录后才能评论

评论列表(0条)

保存