样式三元表达式

Posted maxiag

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了样式三元表达式相关的知识,希望对你有一定的参考价值。

<el-tag :type="tagData === ‘all‘ ? ‘‘ : ‘warning‘" effect="dark" @click="toggleTag(‘all‘)">全部</el-tag>
<el-tag :type="tagData === ‘undone‘ ? ‘‘ : ‘warning‘ " @click="toggleTag(‘undone‘)" effect="dark">未完成</el-tag>
<el-tag :type="tagData === ‘done‘ ? ‘‘ : ‘warning‘ " @click="toggleTag(‘done‘)" effect="dark">完成</el-tag>  
如果 toggleTag事件 传递给 tagData 的参数是 与判断的一致, 那么 type等 ‘‘ 如果不一致 则等于 warning

以上是关于样式三元表达式的主要内容,如果未能解决你的问题,请参考以下文章

JSP 基础语法

(Vue -03)Vue绑定样式 + 计算属性 + 侦听器+ 过滤器

Vue实现多个按钮切换样式

简化条件表达式

我的重构第一步

运行多于一行代码的角三元表达式