当前位置： 移动技术网 > IT编程>开发语言>JavaScript > VUE javascript 复杂列表显示值代码教程

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

2019年05月17日  | 移动技术网IT编程  | 我要评论
复杂列表的意思是：一个列表单元格内不只显示一个值，而是多个值。或这个值要进行判断显示不同内容。 代码如下： <el-table-column label="

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

代码如下：

<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 这个表示行。

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

您可能感兴趣的文章:

如您对本文有疑问或者有任何想说的，请 点击进行留言回复，万千网友为您解惑！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网