Avue中的formmter

在 Avue 中，`formatter` 是一个用于格式化表格数据的函数。它接受两个参数：`row` 和 `column`，其中 `row` 是当前行的数据，`column` 是当前列的配置对象。`formatter` 函数会将 `row` 中对应列的原始数据作为参数，然后返回格式化后的数据，供表格显示。

例如，以下是一个简单的 `formatter` 函数，用于将数值转换为货币格式：

function currencyFormatter(row, column) {
  const value = row[column.property]
  return `$${value.toFixed(2)}`
}

在表格中，可以将该函数指定为某一列的 `formatter` 属性：

<avue-table :data="tableData">
  <avue-table-column prop="price" label="Price" :formatter="currencyFormatter" />
</avue-table>

这样，表格就会在显示价格列的数据时，自动调用 `currencyFormatter` 函数，并将其返回值显示在表格中。

相关问题

avue中 selection

在Avue中，selection是一个选项，用于指定如何选择数据。它通常用于表格、下拉框等组件中。selection的取值包括单选和多选，分别对应着只能选择一个选项和可以选择多个选项的情况。在Avue中，selection可以通过设置属性来进行配置，例如：

<avue-table :data="tableData" :columns="tableColumns" :selection="true"></avue-table>

在上面的代码中，使用了Avue的表格组件，并将selection属性设置为true，表示启用单选模式。如果要启用多选模式，可以将selection属性的值设置为'multiple'，例如：

<avue-table :data="tableData" :columns="tableColumns" :selection="'multiple'"></avue-table>

这样就可以启用多选模式了。在表格中，用户可以通过勾选复选框来进行多选操作，而在下拉框中，则可以通过按住Ctrl键来进行多选操作。

avue中props

avue中的props是组件的属性，可以通过props来传递数据给组件。在avue中，props可以用于传递表格数据、表单数据、树形数据等。

例如，在avue的表格组件中，可以通过props来传递表格的列数据和表格的数据源。具体代码如下：

<avue-table :columns="columns" :data="tableData"></avue-table>

其中，`:columns`和`:data`就是props，分别用于传递表格的列数据和表格的数据源。