Element
文章平均质量分 55
青梅主码-杰哥
java后端开发 青梅主码原创号主,注重干货资料分享,欢迎关注微信公众号,获取实时技术资料
展开
-
使用vue+element实现表格的新增、编辑(含下拉框)、删除功能(Vue开发二)
几天前,需要做一个需求:新增一个xml文件时,添加数量不确定、属性相同的xml标签,想了想可以用表格做啊,属性相同,那就使用统一的表头,下面的属性值只是进行增删改不就行了,就类似于mysql给表里填数据一样。可是目前似乎还没有表格的直接增删改一行的操作,那要怎么实现呢?于是,通过上网以及自己的思考,终于实现了,代码、思路以及效果图如下:1 html部分:<el-butto...原创 2018-08-12 11:08:15 · 31828 阅读 · 15 评论 -
使用vue+element将结果显示在一个个的容器内(vue开发三)
说实话,几年来一直做后端的我,突然让做一段时间前端,还感觉蛮新奇的,好像是到了一个新的世界。之前才刚刚学会怎么把后端url请求到的数据显示在前端的表格里。没想到,然后领导就启发,能不能把数据做的再直观一点。。。。。然后,查了一些资料呗,对哦,是有这么多种形式哈。图表,图在前,表在后啊。于是,我想到,可以把实例一类的数据,显示在一个个的容器内,效果是这样的:实现步骤呢 ,也很简单,直...原创 2018-08-19 19:48:48 · 1282 阅读 · 0 评论 -
Vue+Element实现表格的编辑、删除、以及新增行的最优方法(Vue开发四)
之前已经实现了表格的新增、编辑和删除,在我的上篇文章https://blog.csdn.net/wangjie919/article/details/81604599中写的也比较详细。但是总感觉有点不完美,首先新增了一行以后,必须要双击某一个单元格参能进行内容的输入。从代码上来说,代码量也较大;而且使用的是原生的html标签,有点尴尬。。。。。。于是,进一步研以后,进行了一定的优化,直接使用v...原创 2018-08-25 12:56:51 · 40999 阅读 · 14 评论 -
vue+Element实现搜索功能关键字高亮(Vue开发五)
最近做了一个日志搜索的需求,要在页面上实现海量日志的关键字搜索。为了搜索更清晰,我最终实现了多条件搜索,且搜索结果的记录中的关键字全部高亮。一、实现思路实时监控表格,实现关键字的定位;点击搜索按钮以后,实现记录中关键字的样式变化(即高亮)。二、实现过程1 搜索条件表单<el-form :inline="true" :model="formQuery" &am原创 2018-10-09 17:24:55 · 13260 阅读 · 0 评论