vue table-column 调用函数
vue table-column 调用函数
可以使用 `render` 函数来调用自定义函数来渲染 `table-column`：
```vue。
<template>。
<el-table :data="tableData">。
<el-table-column label="ID" prop="id" />。
<el-table-column label="名称" prop="name" />。
<el-table-column label="价格" prop="price">。
<template slot-scope="scope">。
{{ w.price) }}。
</template>。
</el-table-column>。
</el-table>。
</template>。
<script>。
export default 。
data() 。
return 。
tableData: 。
{ id: 1, name: '商品1', price: 100 },。
{ id: 2, name: '商品2', price: 200 },。
{ id: 3, name: '商品3', price: 300 },。
],。
};。
column函数的使用},。
methods: 。
formatPrice(price) 。
return `¥${Fixed(2)}`;。
},。
},。
};。
</script>。
```。
在 `table-column` 中，使用 `slot-scope="scope"` 来获取当前行的数据，然后调用 `formatPrice` 函数来渲染价格列。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。