vue - element-ui -> el-tag 标签状态
发表于:2022-06-29 16:49:44浏览:2857次
<el-tag v-if=" scope.row.status===2" type="danger">禁用</el-tag> <el-tag v-if=" scope.row.status===1" type="success">启用</el-tag>
两个的简写
<el-tag :type="scope.row.status === 1 ? 'success' : 'danger'">{{scope.row.status === 1 ? '启用':'禁用'}}</el-tag>
多个的简写
<el-tag v-for="(item,index) in menuCateMap" v-show="scope.row.type == item.value" :key="index" :type="item.cssName"> {{item.label}} </el-tag>
栏目分类全部>
推荐文章
- Linux相关知识点汇集
- win10系统重装应用商店:安装路径不存在 该怎么办?
- 图片变形处理,可设置CSS属性object-fit: cover完美解决
- GitHub加载缓慢无法访问 使用GitHubFast加快访问
- JavaScript之干货(一)---走进JS世界
- 重置WSL ubuntu 20 root 密码
- 无限极分类设计其一
- 解决composer install遇到:Your requirements could not be resolved to an installable set of packages
- Linux小技巧之:两种方法统计访问web网站的前10个IP
- 解决github网站打不开或者访问慢