类似性别(01)判断的table列表数据渲染

Posted sylys

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了类似性别(01)判断的table列表数据渲染相关的知识,希望对你有一定的参考价值。

1、
<el-table-column prop="gender" align="center" label="性别" width="100"> <template slot-scope="scope">{{ scope.row.gender === 0 ? ‘男‘ : ‘女‘ }}</template> </el-table-column>
2、
<el-table-column label="状态">
  <template slot-scope="scope">
    <div v-if="scope.row.userState == 0">
      <el-switch v-model="value0" disabled></el-switch>
    </div>
    <div v-else="scope.row.userState == 1">
      <el-switch v-model="value1" disabled></el-switch>
    </div>
  </template>
</el-table-column>

 

 技术图片

 

以上是关于类似性别(01)判断的table列表数据渲染的主要内容,如果未能解决你的问题,请参考以下文章

element el-table 类似新增勾选数据之后 编辑回显勾选框

element el-table 类似新增勾选数据之后 编辑回显勾选框

element el-table 类似新增勾选数据之后 编辑回显勾选框

element el-table 类似新增勾选数据之后 编辑回显勾选框

element el-table 类似新增勾选数据之后 编辑回显勾选框

vue实用demo使用表格(el-table)的span-method属性实现表格行合并