html - 如何在html表td中使用if/else条件

标签 html css

我想问一下如何在这个标签中执行if/else条件?

 <td data-label="Status">{{$t('Status'+item.cStatus)}}</td>

我想要的是

if(item.cStatus == NW){
color:red
}
else{
color:blue
}

最佳答案

您可以将对象传递给 :class(v-bind:class 的缩写)来动态切换类:

<td :class="[item.cStatus == NW ? 'red' : 'blue']" data-label="Status">{{$t('Status'+item.cStatus)}}</td>

上述语法意味着 red 类的存在将由数据属性 item.cStatus == NW真实性确定.

然后您可以将所需的样式添加到redblue


您也可以通过 :style 对象来实现


您可以找到更多详细信息here

关于html - 如何在html表td中使用if/else条件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/73508288/

相关文章:

jquery - 用户界面问题 - CSS

php - 页面加载后平滑滚动到 div,而不是直接滚动

php - 使用 css 设计动态菜单的样式

html - 我的 CSS 背景图片没有显示

html - css - 如何拉伸(stretch)和自动调整背景图像

python - CSS 背景图片无法加载

javascript - Slick JS 不显示点

html - 使用 bootstrap 网格将行中的文本居中

jquery - 动态 <li> 没有响应

javascript - 获取 json 文件时出错