Vue 错误：“模板根只需要一个元素”

Question

我有以下组件

成分

<template>
<!--<post-form/>-->
    <div class="wrapper">
        <b-table :data="posts">
            <template slot-scope="props">
                <b-table-column field="completed" label="complete">
                    <b-checkbox 
                      v-model="props.row.done">
                    </b-checkbox>
                </b-table-column>
            </template>
        </b-table>
    </div>
</template>

我有一个带buefy的b表。我想<post-form />从当前组件导入组件。

但是，当我将组件插入所需位置时，会发生错误。

<div class="wrapping"> 如果我在它下面放置一个组件，我的桌子就会坏掉。

我该如何解决这个问题？

Answer 1

可能你用的是 Vue3，而你的 eslint config 还是 vue 2。

尝试编辑您的.eslintrc.json或类似的内容：

{
  // ...
  "extends": ["eslint:recommended", "plugin:vue/vue3-essential"],
  // ...
}

在此处查看参考：eslint-plugin-vue/#usage