VUE javascript 复杂列表显示值代码教程

复杂列表的意思是：一个列表单元格内不只显示一个值，而是多个值。或这个值要进行判断显示不同内容。

代码如下：

<el-table-column label="操作"  width="80">  
              <template scope="scope">  
                <el-button @click="gotoswitch(scope.row.code, scope.row.type, scope.row.mode, scope.row.state)" type="text" size="small">{{scope.row.state === '1' ? '启用' : '停用'}}</el-button>  

这里通过 scope.row.code 来显示行中某列的值

scope.row 这个表示行。

三元操作符来判断显示什么值的内容。