非template/render模式下使用iview组件时标签需要转化

工作中遇到的情况,记录下:

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

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

1
2
3
4
5
1 DatePicker:date-picker
2 FormItem:form-item
3 CheckboxGroup:checkbox-group
4 InputNumber:input-number
5 BreadcrumbItem:breadcrumb-item

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
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 模式下, 组件写法不变,如

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<Card>
<Checkbox>
<Row>
<Sider>
<Layout>
<Submenu>
<Panel>
<Collapse>
<Divider>
<CellGroup>
<Cell>
<Badge>
<Tabs>
<Radio>
<Dropdown>
<Breadcrumb>
<Page>
<Modal>

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

1
2
3
4
5
6
7
BreadcrumbItem:breadcrumb-item
MenuGroup  :  <menu-group>
Menu-Item   :  <menu-item>
RadioGroup  :  <radio-group>
TabPane       :  <tab-pane>
DropdownMenu  :  <dropdown-menu>
DropdownItem   :  <dropdown-item>

  

posted @   望着天的蜗牛  阅读(1360)  评论(0编辑  收藏  举报
编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!
点击右上角即可分享
微信分享提示