vue+element-ui 如何根据获取的prop的值显示不同的标签

当我们获取后台的数据，后台返回的数据为0和1，我们想要的效果是，后台返回1显示√，后台返回0显示X,如何根据prop的值来判断，在element-UI中怎么判断，将prop去掉在下面加上<template slot-scope="scope"></template>里面再写vue的判断<el-table-c

渡目成书

20691人浏览 · 2018-11-14 10:19:39

渡目成书 · 2018-11-14 10:19:39 发布

当我们获取后台的数据，后台返回的数据为0和1，我们想要的效果是，后台返回1显示√，后台返回0显示X,如何根据prop的值来判断，在element-UI中怎么判断，将prop去掉在下面加上<template slot-scope="scope"></template>里面再写vue的判断

<el-table-column label="是否显示" >
 <template slot-scope="scope">
                <i v-if="scope.row.is_show===0" class="el-icon-close"></i>
                <i v-else class="el-icon-check"></i>
            </template>
</el-table-column>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^