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

posted on 2019-04-10 18:47  漫思  阅读(192)  评论(0编辑  收藏  举报

导航