前端
墨者大数据
这个作者很懒,什么都没留下…
展开
-
elementUI中表单提交时需要注意的问题
**表单提交需要注意的问题:**1.表单提交时需要进行校验,这个在保存或者更新操作都需要进行验证2.提交表单时有空格(空字符串)或者是空值,都需要在后端进行过滤,否则会出现空值异常或者是空指针异常。3.还有一种情况就是当你在输入框中设置禁止输入空格时的情况: 1)输入框不获取焦点,直接提交表单,此时字段的值为 note=null 2)输入框如果获取焦点(没有空格输入),提交表单时note=""4.在后端过滤第三条中的两个字段值 if(note!= null || note.length() !原创 2021-03-31 10:56:19 · 1377 阅读 · 0 评论 -
Vue+elementUI中默认全选时出现的问题,全选会先闪烁,然后没有全选
Vue+elementUI中默认全选时出现的问题,全选会先闪烁,然后没有全选默认全选,就是在表格数据加载完成之后,将多选框自动全选。出现的问题:1.在表格数据加载完成之前,执行了全选操作,就会出现表格数据无法全选 解决方法:就是延迟执行全选操作,可以使用setTimeout(() => {})延迟函数2.elementUI中的table插件必须有ref=“表格数据列表名”,这个属性,否则无法获取table的DOM3.全选函数,一定要注意函数的写法this.$nextTick(() =原创 2020-12-09 16:22:02 · 667 阅读 · 0 评论 -
使用Vue开发前端页面(elementUI)进行分页时出现的搜索分页与全部数据分页的逻辑问题
问题涉及了两个分页的部分,搜索分页和全部数据分页。然而这两个操作都需要进行分页且使用同一个分页组件,所以需要进行区分。1.首先顶一个变量用来区分搜索与查询全部数据data() { pageIsOrNot: false,}2.当搜索时需要将这个变量变为True this.pageIsOrNot = true;3.实际代码部分: //搜索部分 search() { //也需要考虑分页的情况 // 执行搜索操作之前需要将currentPage进行初始化,否则可能出现查不到数据的情原创 2020-10-27 11:11:17 · 2336 阅读 · 4 评论 -
使用Vue+elementUI开发前端页面,打开对话框时页面出现抖动的问题
**打开对话框时页面出现抖动是因为页面的右侧出现滑块,打开对话框的时候滑块消失造成抖动。**<style scope>/* 防止打开对话框时页面的抖动 */body{ padding-right: 0px !important; overflow: hidden;}</style>如果按照上述的设置不会起到作用,因为"<style scope>"中将css样式设定为局部的。所以需要将"scope"去掉。...原创 2020-10-27 11:06:20 · 3516 阅读 · 1 评论 -
在vue中分页出现的情况-树形控件与分页控件结合使用
64.使用vue中进行分页时出现的情况1.树形控件与分页控件结合使用出现的情况**原因:**由于工业软件室这个部门的人数很少,使用PageHelper组件进行分页时需要设置currentPage和pageSize两个参数,currentpage:表示当前页,pageSize:每页显示的数量。如果选择其他部门时没有将currentpage初始化为1,假设currentpage=4,这是PageHelper就会查询第四页的数据,然而数据量比较少,分页总数达不到4。就会出现查出的数据为空。每次选择部门的原创 2020-10-15 17:02:04 · 757 阅读 · 0 评论 -
jQuery事件处理之页面加载处理函数,即页面加载完成后需要进行处理的程序。其中包括三种不同的函数写法和其余原生onload时间的区别
在html页面中可以将页面加载后的处理函数通过标签写在html页面中的body标签之后,这样才能在html代码执行完成之后执行,否则就会出现问题。下面介绍一下基于jQuery的函数来解决这个问题。相关语法如下:方法1 $(document).ready(function(){ //加载完成后执行的操作 });方法2$().ready(function(){ //加载...原创 2019-09-13 22:21:48 · 399 阅读 · 0 评论 -
jQuery事件处理之事件绑定方式详解,以及与事件页面处理函数的联合应用
当触发某种操作时就会激活某个函数,在jquery中有相当简便的方式完成事件的绑定。相比于原生的js对象要灵活简单的多。下面详细介绍一下两种事件绑定的方式:方式1$obj.bind('事件名称',function(){ //事件处理函数})方式2$obj.事件名称(function(){ //事件处理})注意:事件名称省略on前缀例如:onblur、onclic...原创 2019-09-13 22:35:45 · 160 阅读 · 0 评论