![](https://img-blog.csdnimg.cn/bae577bf9b2c4f56a22048c0e4427394.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue中遇到的问题
文章平均质量分 54
vue+elementUI遇到的问题
_早睡身体好
夏虫不可语冰
展开
-
关于 elementUI 表单中使用级联选择器时遇到的表单验证问题
表单中 地区 使用级联选择器使用 this.$refs['cloudForm'].resetFields();(对该表单项进行重置,将其值重置为初始值并移除校验结果 )之后,级联选择器无法触发表单验证解决方法使用 validator自定义校验规则html部分<el-form-item label="地区" prop="area"> <!-- :props="{ checkStrictly: true }" --> <el-cascader ref=.原创 2021-10-20 10:44:20 · 2962 阅读 · 3 评论 -
elementUI动态表单 + el-select 按要求禁用
项目通过 vue+elementUI 实现近期开发过程中遇到一个需求,对于从事两年的“小白”来说,确实费了点脑子,才发现,好像是自己一开始想太多了,各种情况设想了一溜够,发现只要反过来想就OK了 ╮(╯▽╰)╭需求大概是这样的:在动态增减的表单项中,有一个下拉菜单,要求每选择一项,就把选中过的那一个选项禁用(简单来说就是,已经选过的就不能再选了),且增加的条数不能超过下拉菜单中的选项数量直接上图吧(label不重要,主要看效果。。。)先实现最简单的:限制新增数量判断已新增的数量是否小于下拉菜单原创 2020-11-24 14:03:10 · 9231 阅读 · 3 评论 -
关于elementUI表格 固定列&合计行
当elementUI的表格需要 固定列 同时又要y有 合计行 时,会出现以下情况:合计行被固定的三列可以展示,但是其它的列就不知道去哪了?!通过万能的度娘,终于找到了解决方法,不得不说,广大网友的智慧真不是盖的!通过思否一个大佬的提示,原网址在这里直接在接口返回数据之后加上以下代码this.$nextTick(() => { this.$refs.table.doLayout()})由于用到了$refs,所以不要忘了在html的table部分加上ref !<el-tabl原创 2021-03-23 17:17:17 · 2097 阅读 · 4 评论 -
通过多层嵌套数据渲染表格
一时语塞还是先看效果吧简单来说就是通过html和js渲染出以上效果这道题的难点应该是,根据以下数据渲染出这个表格吧let list = [{ courseName: '语文', detail: [{ grade: '小学一年级', detail: [{ Id: 1, className: '1班', num: 50 }, { Id: 2, className: '2班原创 2021-04-13 17:43:22 · 906 阅读 · 2 评论 -
ElementUI + Calendar日历组件
效果图如下使用elementUI的Calendar日历组件组件本身是这个样子要在每个日期格子里加上 班/休去掉点击事件和 上个月|今天|下个月 的切换数据格式是这样的分上段和下段let scheduling = [{ staffname: "张三", arrangeHalf: "上午", arrangeStatus: ["班","班","班","班","班","班","班","班","班","班","班","班","班","班","班","班","班","班","班","班","班"原创 2021-04-20 11:07:16 · 7999 阅读 · 1 评论 -
elementUI 表格展开行
这次要实现的是点击哪行展开哪行,其他行关闭(即 每次只展示一行)效果图 ↓<el-table :data="tableData" :expand-row-keys="expands" :row-key="getRowKeys" @expand-change="expandSelect" @row-click="clickRow" ref="expandTable" style="width: 100%"> <el-table-column type=原创 2021-04-29 11:17:19 · 2670 阅读 · 0 评论