在elementui中table组件的formatter函数return的元素不能使用v-for

在Element UI的表格组件（Table）中，`formatter` 函数通常用于自定义单元格的内容渲染，它接受当前行的数据 (`row`) 和索引 (`index`) 作为参数，并返回需要显示的HTML字符串。然而，`formatter` 并不是一个标准的Vue模板语法区域，所以直接在返回值里使用 `v-for` 进行遍历并插入DOM通常是不允许的。

这是因为`formatter` 是作为一个回调函数执行的，其作用主要是转换数据，而不是为了动态生成整个页面结构。如果你需要根据数据展示列表或其他复杂内容，建议将这部分处理放在单独的计算属性或者一个组件内部，然后通过引用这个计算结果或组件实例来动态渲染。

例如：

<template>
  <el-table-column
    prop="items"
    :formatter="formatItems"
  ></el-table-column>
</template>

<script>
export default {
  methods: {
    formatItems(row) {
      return this.renderedItems(row.items); // 将数据传递给另一个函数处理
    },
    renderedItems(items) { // 这里可以使用 v-for 或其他Vue模板语法
      return `<div v-for="item in items">{{ item.name }}</div>`;
    }
  }
}
</script>