vue2.X+iview2.xiView在非 template/render 模式下标签的转化

Posted xuzhengzong

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue2.X+iview2.xiView在非 template/render 模式下标签的转化相关的知识,希望对你有一定的参考价值。

iView在非 template/render 模式下标签的转化、

 

以下组件,在非 template/render 模式下组件名要分隔:

DatePicker:date-picker
FormItem:form-item
CheckboxGroup:checkbox-group
InputNumber:input-number

 

以下组件,在非 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

 

以下组件,在非 template/render 模式下,必须加前缀 i-:

Switch: i-switch
Circle: i-circle

 

以下组件,在非 template/render 模式下,其组件写法不变,如

<Card>
<Checkbox>
<Row>
<Card>
<Sider>
<Layout>
<Submenu>
<Menu-item>


以下组件,在非 template/render 模式下,需要加前缀 xxx-yyy:

BreadcrumbItem:breadcrumb-item

 

以上是关于vue2.X+iview2.xiView在非 template/render 模式下标签的转化的主要内容,如果未能解决你的问题,请参考以下文章

简单对比vue2.x与vue3.x响应式及新功能

Vue2/Vue3 响应式原理

Vue2.x踩坑与总结

vue2.x生命周期

Vue2.x和Vue3.x使用上的差异对比-示例

Vue2.x和Vue3.x使用上的差异对比-示例