Django+iview报错Unknown custom element

这是因为识别不了某个标签报错,可能原因有二:

一是没有引入相应组件。
二是相应标签写错了。

第一种情况

非 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

上一篇:[react] 举例说明什么是高阶组件(HOC)的反向继承


下一篇:shiro getSubject()为null