el-table某一列数值根据条件赋值为"-",其他值为金额数值,如何获取该列被修改后的"-"值?
时间: 2024-10-16 17:16:29 浏览: 10
在Vue.js的Element UI库中的`el-table`组件中,如果你想要实现这样的功能,你可以通过在数据绑定时使用计算属性或者是`v-if`指令来动态控制单元格的内容。下面是一个简单的例子:
```html
<template>
<el-table :data="tableData">
<el-table-column prop="value" label="Value">
<template slot-scope="scope">
{{ calculateValue(scope.row) }}
</template>
</el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
{ value: 100 },
{ value: 200 },
// 省略...
]
};
},
methods: {
calculateValue(row) {
if (/* 根据条件判断是否需要显示 '-' */ row.someCondition) {
return "-";
} else {
return row.value;
}
}
}
};
</script>
```
在这个例子中,`calculateValue`方法会检查每一行的数据(`row`),如果满足你设置的条件(例如,`someCondition`可能是`row.value === null`),则返回`"-"`,否则返回原始的`value`。
如果你想获取到所有被改为`"-"`的值,可以在`methods`里添加一个新的方法,比如:
```javascript
methods: {
getMinusValues() {
return this.tableData.filter(row => row.someCondition).map(row => row.value);
}
}
```
然后在你需要的时候调用`getMinusValues()`。
阅读全文