但是你这样的方法会报vue/no-multiple-template-root

您说得对，使用多个根节点的确会触发Vue的linting规则，不过您可以通过使用Vue的Fragments来解决这个问题。Fragments是Vue 2.5.0版本后新增的语法，它可以让我们在模板中使用多个根节点而不会触发linting规则。具体来说，您可以将子组件的模板代码包装在`<template>`标签中，再使用Vue的`<template>`语法糖，如下所示：

<template>
  <template v-for="column in columns">
    <el-table-column :prop="column.prop" :label="column.label"></el-table-column>
  </template>
</template>

这样就可以避免子组件的根节点对排版造成的影响，同时也符合Vue的linting规则。

相关问题

vue/no-multiple-template-root

'b'vue/no-multiple-template-root''是Vue.js的一个规则，它要求在单个组件中只能有一个顶层模板元素。也就是说，在一个组件中，不能有多个无父级元素的模板标签，只能有一个最外层的元素包含所有的子元素。这个规则可以确保组件在渲染时不出现意外的情况，从而提高代码的可靠性和维护性。

[vue/no-multiple-template-root] The template root requires exactly one element

这个错误是由Vue的lint规则中的`vue/no-multiple-template-root`导致的。它表示Vue的模板根节点必须只有一个元素。

在Vue的单文件组件中，模板通常会包含在一个根元素中。如果你的模板中有多个根元素，就会触发这个错误。

要解决这个问题，你可以将模板中的多个根元素包裹在一个父元素中。例如，你可以使用一个`div`元素作为根元素来包裹所有的子元素。

在下面的例子中，我们将两个根元素包裹在一个`div`中：

<template>
  <div>
    <h1>Hello</h1>
    <p>World</p>
  </div>
</template>

这样做后，你的代码就不会再触发`vue/no-multiple-template-root`错误了。

希望能帮到你！如果还有其他问题，请随时提问。