el-table-column prop="pushMoney" 根据el-table :data="dataList" 获取 prop获取到的值怎么进行字符串拼接
时间: 2024-05-06 16:15:31 浏览: 90
js与jQuery实现获取table中的数据并拼成json字符串操作示例.docx
如果您想要将 `prop` 获取到的值进行字符串拼接,可以使用 `template` 插槽和 ES6 模板字符串来实现。具体操作如下:
1. 在 `el-table-column` 中使用 `template` 插槽,如下所示:
```
<el-table-column label="推广费" width="120">
<template slot-scope="scope">
{{ `¥ ${scope.row.pushMoney}` }}
</template>
</el-table-column>
```
2. 在 `template` 中使用 ES6 模板字符串来将 `pushMoney` 的值与其他字符串拼接起来。例如,上面的代码中,我们使用了模板字符串来将 `¥` 和 `pushMoney` 的值拼接起来,最终得到的结果类似于 `¥ 100`。
注意:在模板字符串中,变量名要使用 `${}` 包裹起来,例如 `${scope.row.pushMoney}`。
希望对您有所帮助!
阅读全文