這是因為識別不了某個標籤報錯，可能原因有二：

一是沒有引入相應元件。
二是相應標籤寫錯了。

第一種情況

非 template/render 模式下，應該都引用了iview的js檔案，所以不存在引入元件的問題，那就是標籤寫錯了。

第二種情況

因為工程模式和非工程模式，很多標籤寫法不一樣，這裡就是因為這個TabPane寫法不同引起的錯誤。而官網上貌似沒有把所有寫法有差異的標籤標註。

在標籤頁元件中，主要有兩個標籤，Tabs和TabPane，其中Tabs在兩種模式寫法一樣，TabPane在非工程模式下寫作：tab-pane，程式碼如下：

<Tabs value="name1"> <tab-pane label="標籤一" name="name1">標籤一的內容</tab-pane> </Tabs>

另外記錄下所有標籤差異：

這些差異化整理是別人做的，原文連結：iview差異化標籤

以下元件，在非 template/render 模式下元件名要‘-‘分隔：

1 DatePicker：date-picker

2 FormItem：form-item

3 CheckboxGroup：checkbox-group

4 InputNumber：input-number

5 BreadcrumbItem:breadcrumb-item

以下元件，在非 template/render 模式下，需要加字首 i-：

Button: i-button

Col: i-col

Table: i-table

Input: i-input

Form: i-form

Menu: i-menu

Select: i-select

Option: i-option

Progress: i-progress

Header:i-header

Content:i-content

Footer:i-footer

Switch: i-switch

Circle: i-circle

以下元件，在非 template/render 模式下， 元件寫法不變，如

<Card>

<Checkbox>

<Row>

<Sider>

<Layout>

<Submenu>

<Panel>

<Collapse>

<Divider>

<CellGroup>

<Cell>

<Badge>

<Tabs>

<Radio>

<Dropdown>

<Breadcrumb>

<Page>

<Modal>

以下元件，在非 template/render 模式下，需要加字首 xxx-yyy：

BreadcrumbItem:breadcrumb-item

MenuGroup : <menu-group>

Menu-Item : <menu-item>

RadioGroup : <radio-group>

TabPane : <tab-pane>

DropdownMenu : <dropdown-menu>

DropdownItem : <dropdown-item>

————————————————

版權宣告：本文為CSDN博主「zjsj_lize」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處連結及本宣告。

原文連結：https://blog.csdn.net/zjsj_lize/article/details/107247072