iView Ui
Right atrium
这个作者很懒,什么都没留下…
展开
-
iview的select表单验证必填不通过
iview默认校验数据类型为String,而我的select用的id是number类型的,因为type校验类型不一致,所以导致一直验证不通过。iview在表单内使用select下拉框的时候,select验证为必填,我选择了数据,却一直提示验证不通过。原创 2024-01-18 10:16:17 · 751 阅读 · 0 评论 -
iView表格(Table)点击展开功能(每一行)
效果图:一、首先我们要在表格(Table)上添加绑定每行的点击事件@on-row-click<Table @on-row-click="onExpand" border :columns="columns" :data="list"></Table>二、在表格(Table)的表头columns中添加一列{ type:'expand', width:30, render:(h,params)=>{ return h('Table原创 2021-08-11 15:35:58 · 3047 阅读 · 3 评论 -
iView输入框禁止输入特殊字符,只可输入中文、数字、字母
一、HTML<Form-item label="导出名称: "> <Input v-model="file_name" @on-keyup="btKeyUp()" @on-keydown="btKeyDown()" type="text" style="width: 280px" clearable placeholder="请输入导出名称" /></Form-item>二、JS//只能输入汉字英文数字btKeyDown(name) { thi原创 2021-08-09 22:33:50 · 1791 阅读 · 0 评论 -
iview树形数据格式化(递归)
问题:在我们使用iview树形组件的时候,因为后台返回的数据的key值没有办法在iview树形结构中使用,所以我们就要先把数据格式化后才可使用。1、方法//转树形结构数据convertTree(tree, map) { const result = []; tree.forEach((item) => { // 读取 map 的键值映射 let expand = false; let title = item[ map.title原创 2021-07-28 18:43:38 · 739 阅读 · 0 评论 -
iview表格(table)组件划过时选中的颜色修改
.ivu-table-row-highlight td, .ivu-table-stripe .ivu-table-body tr.ivu-table-row-highlight:nth-child(2n) td, .ivu-table-stripe .ivu-table-fixed-body tr.ivu-table-row-highlight:nth-child(2n) td, tr.ivu-table-row-highlight.ivu-table-row-hover td{ backgro.原创 2021-07-27 10:12:52 · 622 阅读 · 0 评论