avue-crud 怎样使用column 里的formatter改变样式，就是查看的时候怎么改变字段的样式 html+css+js

首先，需要明确的是，avue-crud 是一个基于 Vue.js 开发的 CRUD 组件库，其中的 column 属性用于配置表格的列信息。而 formatter 则是 column 中的一个函数属性，用于格式化某列的数据展示形式。因此，在 formatter 中改变字段的样式，需要使用 HTML、CSS 和 JavaScript 进行操作。

具体实现步骤如下：

1. 在 column 中的某一列中添加 formatter 属性，并将其设置为一个函数，如下所示：

{
  prop: 'name',
  label: '姓名',
  formatter: function(row) {
    return '<span style="color: red;">' + row.name + '</span>';
  }
}

上述代码中，formatter 函数接收一个参数 row，表示当前行的数据对象。在函数中，我们可以通过 row.name 获取该行的姓名数据，并将其使用 span 标签进行包裹，并添加了一个样式 color: red，以改变字段的样式。

2. 在组件的 template 中，使用 slot-scope 插槽获取到该列的数据，并将其传递给 formatter 函数进行格式化，如下所示：

<avue-crud :tableData="tableData">
  <template slot="column.name" slot-scope="{ row }">
    <div v-html="column.formatter(row)"></div>
  </template>
</avue-crud>

上述代码中，我们使用了 slot-scope 插槽获取到该列的数据对象 row，并将其传递给 column 中的 formatter 函数进行格式化。最终，通过 v-html 指令将格式化后的 HTML 字符串渲染到页面中，实现了改变字段样式的效果。

需要注意的是，在使用 formatter 函数时，必须确保返回的值为 HTML 字符串，否则将无法正确渲染到页面中。