vue 动态class绑定

  1. <h2 :style="{color: dColor, fontSize: dFontSize + 'px'}">今天天气不错</h2>

  2. <h2 :style="objStyle">今天天气不错</h2>

  3. <h2 :style="[objStyle1, objStyle2]">今天天气不错</h2>

    data(){
              message: '你好啊',
              dColor: 'red',
              dFontSize: 20,
              objStyle: {
                color: 'red',
                fontSize: '60px'
              },
               objStyle2: {
    		        textDecoration: 'underline'
    	     	 }
            }
    
  4. <h2 :class="{'active': isActive}">今天天气不错!</h2>

	 <li v-for="(item, index) in movies"
	      :class="{active: index===currentIndex}"
	        @click="itemClick(index)">
	      {
  {item}}
    </li
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值