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>


目录
相关文章
|
9月前
|
JavaScript
TypeScript 中常用的条件语句:`if`语句、`if-else`语句、`switch`语句和`三元运算符`
TypeScript 中常用的条件语句:`if`语句、`if-else`语句、`switch`语句和`三元运算符`
159 4
|
JavaScript 前端开发
vue:在循环元素上可以使用v-show、v-if吗/v-for可以和v-show、v-if同时使用吗
vue:在循环元素上可以使用v-show、v-if吗/v-for可以和v-show、v-if同时使用吗
759 0
uiu
|
JavaScript 前端开发 算法
【Vue】条件与循环语句 | v-if v-show v-for实例
【Vue】条件与循环语句 | v-if v-show v-for实例
uiu
220 0
【Vue】条件与循环语句 | v-if v-show v-for实例
|
编译器 C++
C++ auto关键字 和 基于范围的for循环 语法糖
C++ auto关键字 和 基于范围的for循环 语法糖
213 0
|
IDE Shell 开发工具
算数表达式-test测试语句-if流程控制语句 | 学习笔记
快速学习算数表达式-test测试语句-if流程控制语句。
算数表达式-test测试语句-if流程控制语句 | 学习笔记
|
Shell 开发工具 开发者
算数表达式-test 测试语句-if 流程控制语句 | 学习笔记
快速学习算数表达式-test 测试语句-if 流程控制语句
MessageBox.Show()的各种用法
winform MessageBox.Show Api整体说明介绍
253 0
|
9月前
|
Java 编译器 API
语法四兄弟----语法糖、语法盐、语法糖精、语法海洛因
语法四兄弟----语法糖、语法盐、语法糖精、语法海洛因
109 0

热门文章

最新文章