非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> |
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 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框架的用法!