<el-table-column prop="state" label="状态" align="center"></el-table-column>怎么三目运算
时间: 2023-05-22 19:05:37 浏览: 253
可以使用以下代码实现:
<el-table-column
:prop="state"
:label="state === 'active' ? '激活状态' : '未激活状态'"
align="center"
></el-table-column>
其中,使用了三目运算符将状态值为'active'和其它状态值分别替换为'激活状态'和'未激活状态'。
相关问题
<el-table-column prop=qymc label=企业名称></el-table-column>怎么给qymc赋值
您可以使用 Vue.js 框架中的数据绑定语法将 qymc 的值绑定在您的数据中,如下所示:
```html
<template>
<div>
<el-table :data="tableData">
<el-table-column prop="qymc" label="企业名称"></el-table-column>
</el-table>
</div>
</template>
<script>
export default {
data() {
return {
tableData: [
{
qymc: 'ABC公司'
},
{
qymc: 'XYZ公司'
}
]
};
}
};
</script>
```
在上面的例子中,我们将 `tableData` 数组中的每个对象的 `qymc` 属性绑定到了 `el-table-column` 组件中的 `prop` 属性,这样就可以在表格中显示出企业名称的值了。
<div class="sy-table"> <el-table :data="tableList[index]"> <el-table-column prop="name" label="项目" align="center"/> <el-table-column prop="yttype" label="运营状态" align="center"> <el-table-column prop="bydyysr" label="本月度运营收入" align="center"/> <el-table-column prop="ljndyysr" label="累计年度运营收入" align="center"/> <el-table-column prop="bydyscb" label="本月度运营成本" align="center"/> <el-table-column prop="ljndyscb" label="累计年度运营成本(万元)" align="center"/> </el-table-column> </el-table> </div>我想遍历tableList中的每行元素,要怎么写?
您可以使用 `v-for` 指令来遍历 `tableList` 数组中的每个对象,然后在 `el-table` 中使用 `:row-key` 属性来指定每行数据的唯一标识符,如下所示:
```html
<el-table :data="tableList[index]" :row-key="row => row.id">
<!-- 表格列 -->
</el-table>
```
然后,您可以使用 `v-for` 指令来遍历 `tableList` 数组中的每个对象,如下所示:
```html
<div class="sy-table">
<el-table v-for="(item, index) in tableList" :key="index" :data="item" :row-key="row => row.id">
<el-table-column prop="name" label="项目" align="center"/>
<el-table-column prop="yttype" label="运营状态" align="center"/>
<el-table-column prop="bydyysr" label="本月度运营收入" align="center"/>
<el-table-column prop="ljndyysr" label="累计年度运营收入" align="center"/>
<el-table-column prop="bydyscb" label="本月度运营成本" align="center"/>
<el-table-column prop="ljndyscb" label="累计年度运营成本(万元)" align="center"/>
</el-table>
</div>
```
这样就可以遍历 `tableList` 中的每个对象,并在 `el-table` 中显示每个对象的数据了。