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>
  

• 注意看标签闭合没有