咨询电话:
15628812133
TAG:
element
济南建网站elementui 基于el-tree树形选择向后台传输数据

elementui 基于el-tree树形选择向后台传输数据

之前已经基于el-tree实现了人员选择功能。点击此链接>>查看。但由于后续操作,我们还需要把选中数据的id值传给后台,所以现在还应想办法获取每条数据的id值。给el-checkbox添加change事件,当监听到选中值时执行如下方法,有则删除,没有则添加:现在checkIdList数组中存的是选中数据的id值,由于后端接收的参数是字符串列表,id由,分割所以直接将数组join一下就得到了例如:1...
2023-07-29
济南建网站elementui 基于el-tree树形选择器实现人员选择功能

elementui 基于el-tree树形选择器实现人员选择功能

之前已经基于el-tree实现了一个只有最后一级子节点可选择的层级选择器。点击此链接>>查看。现在希望实现选中之后,右边能同步展示已选择的内容。如图:后台数据如图所示,将获取到的数据绑定到el-tree上,现在checkList数组中存的是每一条数据的label值。想实现右边同步展示已选择的内容,只需要为其绑定checkList数组即可,如图所示:Ps:右边使用的是vuedragger拖拽,有关拖...
2023-07-29
济南建网站Element表格实现不同分辨率下自适应

Element表格实现不同分辨率下自适应

前端做网页的时候总会遇到在不同的分辨率下适配的问题,element可以为表格设定固定宽度,但是遇到不同分辨率下可能会让页面出现滚动条。 先说一下思路,在页面不是很复杂的情况下,就是获取到窗口的高度,然后减去其他div区域的高度,剩下的全是表格的。这里有两种解决思路,css属性的vh和js的window.innerHeight。Css方法: 在css3中,vh和vw是视口单位,是相对长度单位。1...
济南建网站自定义element表单验证规则--正则表达式

自定义element表单验证规则--正则表达式

因为需要对密码和手机号进行一下表单验证,然后去博客上借鉴了几段,今天有空研究了一下正则,刚开始看确实挺麻烦,但其实就是一个判断规则,这篇文章主要以正则表达式的介绍为主,关于element的验证的代码并还没有深入研究,只是简单提及一下,以一下两段为例展示element自定义表单验证。首先我们在data的return外构建一个简单的判断函数,其中value就是我们表单传递过来的需要验证的数据,一般是选...