iT邦幫忙

0

[Vue2] 從初學到放棄 Day8-綁定Class&&Style

  • 分享至 

  • xImage
  •  

在這個範例裡,是用單一方式去驗證active是否為true

<div v-bind:class="{ active: isActive }"></div>

也可以用多條件去判斷要出現哪個畫面

<div
  class="static"
  v-bind:class="{ active: isActive, 'text-danger': hasError }"
></div>

data: {
  isActive: true,
  hasError: false
}

渲染後會出現

<div class="static active"></div>

這一部分以後再回來說...感覺不知道要怎麼梳理


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言