前端大杂烩
记录一些前端相关的技术
欧吉吉
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
elementui 动态表头
最近,在用elementui做一个动态表头的功能,把自己开发的流程大概分享一下。首先,我们得了解这个option的作用:这个:option属性就是绑定我们列表表格的模板。通过引入我们写好的js文件来构成一个表格。这个js文件我也贴一部分代码出来介绍一下可以看出来,这个column就是我们的列数组。那么,做法上大体上就确定了,把动态的列对象加入到这个column数组即可。那么,什么时候加入呢?当然是要在页面渲染之前加入啦,这个时候就要介绍一下vue的生命周期函数,也叫钩子函数。原创 2020-09-23 00:16:39 · 1957 阅读 · 0 评论 -
elementui 前端数据格式不正确导致的问题
最近,在开发上遇到了一个select下拉框回显不成功的问题问题描述,之前在我的一篇文章中介绍过,select只要给它赋值了,它就会自动回显,多选回显直接赋值一个数组即可。但是,这次我也赋值了一个数组,结果还是没有回显成功。经过我多次打印后台传来的数据,发现了一个问题,前端v-model绑定的值是一个Integer数组,后端传来的是一个字符串类型的数组。。。最后我用Number()方法把数组类型转换即可成功显示。...原创 2020-09-23 00:00:49 · 437 阅读 · 0 评论 -
elementui 在table中的v-if并不会动态变化
这里记录一个小坑,具体的解决方法还没有得到,如果有大神知道可以留言,学习学习。问题描述:在table中,使用v-if的时候,判断只会判断一次。就是,如果你在table里边,根据v-if 来显示一个元素,v-if=“flag”,flag默认是true的,那么它加载完会马上显示,然后你通过一个事件,去改变它为false,那个元素还是会显示,不会隐藏掉。但是,如果是在form表单中,是可以多次根据你的值来判断元素是否显示的。出现这个问题的原因还不清楚,有了解的朋友可以来一起探讨一下。...原创 2020-08-31 22:37:57 · 1217 阅读 · 1 评论 -
elementui 使用 select远程搜索回显
问题描述:这一周,遇到的一个普遍的问题,就是一些远程搜索的下拉框,在编辑的时候,没有回显成功,都是直接把id显示出来。为什么会造成这种原因呢?其实,是因为这个远程搜索,他是通过我们输入的值去远程搜索的,当回显的时候,我们只拿了一个id回到前端,又没有输入,造成这个select的数组是空的,所以它就只会显示出一个id,只需要给这个select填充一个数组,那么,它就会帮我们把对应的id给选上。...原创 2020-08-31 22:32:35 · 5619 阅读 · 3 评论 -
Required request body is missing的问题
在开发中,使用@RequestBody出现这个报错。前端用put请求传里一个字符串,后端用String类型来接收。我百度回来的结果是,主要都是这两个问题导致的报错1.传递过来的属性为空2.GetMapping不支持@RequestBody注解我的解决方法都不是用上边这两种方法解决的,因为put请求对应着修改,虽然前端只传过来一个name的值,但是后端只需要用一个包含name字段的对象来接受即可,springmvc会帮我们自动把值赋上。...原创 2020-08-17 23:44:43 · 1262 阅读 · 2 评论 -
avue-crud 在使用输入框的时候无法输入的问题
最近,在开发中遇到了一个问题,input输入框无法输入,具体的业务是,让用户输入单价,数量,自动计算出小计,同时用户也可以自己手动输入小计。在代码实现上,我是通过使用avue-crud输入框的@input方法来监听用户输入事件,然后赋值。以上是具体的代码,当时遇到输入框无法输入的问题,上网百度了很多的解决方法都没解决,最后,发现是小计通过v-model绑定的那个值,没有初始化,导致输入不了。细心,再细心一点。...原创 2020-08-17 23:37:36 · 1928 阅读 · 0 评论 -
avue-crud组件使用:请求后台数据形成下拉框select
每个属性作用如下:type:input的话是输入框,select是下拉选择框label:属性名对应的名称,也是前端列表所显示的列名prop:属性名dicUrl:对应请求后台路径dicMethod:请求方法类型props:形成下拉框的数据,显示的名称是label,选中的值是valuerules:一些验证规则...原创 2020-06-18 05:44:55 · 11343 阅读 · 14 评论
分享