Extraneous children found when component already has explicitly named default slot

下述代码会报错： Extraneous children found when component already has explicitly named default slot. These children will be ignored.

<el-table-column prop="goodsState" label="商品状态" width="120" />
    <template #default="scope">
        <el-tag v-if="scope.row.goodsState === 'YSJ'" type="success" effect="dark">
            &nbsp;已上架&nbsp;
        </el-tag>
        <el-tag v-else type="info" effect="dark">
            &nbsp;未上架&nbsp;
        </el-tag>
    </template>
// ......

原因就是表示状态的 <el-table-column> 标签没有包裹下面的 <template> 标签，应为：

<el-table-column prop="goodsState" label="商品状态" width="120">
    <template #default="scope">
       // ......
    </template>
</el-table-column>

注意看标签闭合没有