avue formatter 修改查看时的样式 html+js+css 代码

要修改 Avue 表格查看时的样式，需要对 Avue 表格组件中的 formatter 函数进行修改。可以通过以下步骤来实现：

1. 打开 Avue 表格组件所在的文件，并找到 formatter 函数所在的位置。

2. 在 formatter 函数中，可以通过返回一个包含 HTML、CSS 和 JavaScript 的字符串来实现自定义样式。例如：

formatter: function(row) {
  return `
    <div style="color: red;">
      <span>${row.name}</span>
      <span>${row.age}</span>
    </div>
    <style>
      div { background-color: yellow; }
    </style>
    <script>
      console.log('This is a custom formatter');
    </script>
  `;
}

在上面的代码中，使用了一个包含了 HTML、CSS 和 JavaScript 的模板字符串来定义了一个自定义样式。其中，`row` 表示当前行的数据对象，可以根据需要进行使用。

3. 修改完毕后，保存文件并重新运行应用程序，即可查看修改后的效果。

需要注意的是，修改样式时应尽量遵循 HTML、CSS 和 JavaScript 的规范，避免出现语法错误和兼容性问题。