v-show使用三元运算符

简介: v-show使用三元运算符

这里是使用了element-ui

 <template slot-scope="scope">
   <el-button type="primary" plain v-show="scope.row.level === '0' ? true : false">一级</el-button>
   <el-button type="success" plain v-show="scope.row.level === '1' ? true : false">二级</el-button>
   <el-button type="danger" plain v-show="scope.row.level === '2' ? true : false">三级</el-button>
</template>


目录
相关文章
|
6月前
|
JavaScript
TypeScript 中常用的条件语句:`if`语句、`if-else`语句、`switch`语句和`三元运算符`
TypeScript 中常用的条件语句:`if`语句、`if-else`语句、`switch`语句和`三元运算符`
134 4
if和switch流程控制语句的基本案例练习
通过以上案例练习巩固 if 和 switch 流程控制语句的使用。
|
6月前
|
C# 图形学
【Unity 3D】C#控制语句break、continue及算数运算符和逻辑运算符的讲解(附测试代码)
【Unity 3D】C#控制语句break、continue及算数运算符和逻辑运算符的讲解(附测试代码)
61 1
|
机器学习/深度学习 Shell
二.条件判断case语句
二.条件判断case语句
82 1
16.从入门到精通:range() 函数 break 和 continue 语句及循环中的 else 子句 break语句 continue语句 循环中的else子句 pass 语句
16.从入门到精通:range() 函数 break 和 continue 语句及循环中的 else 子句 break语句 continue语句 循环中的else子句 pass 语句
|
IDE Shell 开发工具
算数表达式-test测试语句-if流程控制语句 | 学习笔记
快速学习算数表达式-test测试语句-if流程控制语句。
算数表达式-test测试语句-if流程控制语句 | 学习笔记
|
Shell 开发工具 开发者
算数表达式-test 测试语句-if 流程控制语句 | 学习笔记
快速学习算数表达式-test 测试语句-if 流程控制语句
|
C++
C++条件判断语句使用方法(if else 三目运算符 switch)
C++条件判断语句使用方法(if else 三目运算符 switch)
196 0
求1+2+3+...+n,要求不能使用乘除法、for、while、if、else、switch、case等关键字及条件判断语句(A?B:C)。
求1+2+3+...+n,要求不能使用乘除法、for、while、if、else、switch、case等关键字及条件判断语句(A?B:C)。
181 0