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

内容

1. style

<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

<div class="button-item">
  <button :class="[item.isClose ? 'guess-button guess-button-board' : 'guess-button']"  >class</button>
</div>

相关文章:

  • 2021-04-18
  • 2022-12-23
  • 2022-12-23
  • 2021-08-08
猜你喜欢
  • 2021-10-02
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案