iview 非 template/render 标签转换
在 非 template/render情形下使用 iview,发现除了官方的一些需要注意的点外,还有一些其他需要注意的,这里记录下,防踩坑:
官方说明:
在非 template/render 模式下(例如使用 CDN 引用时),组件名要分隔,例如 DatePicker
必须要写成 date-picker
。
以下组件,在非 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
- Time:
i-time
以下组件,在所有模式下,必须加前缀 i-
,除非使用 iview-loader:
- Switch:
i-switch
- Circle:
i-circle
补充:(未完待续)
1、MenuItem:Menu-Item
2、RadioGroup:Radio-Group
3、<Icon / >:<Icon ></Icon>
4、FormItem:Form-Item