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

思索

发布于 2024-08-15 12:55:02

3410

前言

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

内容

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-05-06，如有侵权请联系 cloudcommunity@tencent.com 删除

渲染

border

button

class

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度

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

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

前言

内容

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐