VUE——三元表达式动态渲染样式

2024-08-15 12:55:02 浏览数 (3)

前言

如何使用三元表达式动态渲染样式;

内容

1. style

代码语言:javascript复制
<div class="button-item">
  <button class="guess-button" :style="{'border': item.isClose === 0 ?'':'1px solid rgba(204,204,204,1)'}">style</button>
</div>

2. class

代码语言:javascript复制
<div class="button-item">
  <button :class="[item.isClose ? 'guess-button guess-button-board' : 'guess-button']"  >class</button>
</div>

1 人点赞