java_xxxx的博客

最近用到了elementUI的级联选择控件，级联选择控件的后台数据格式处理，和el-tree是完全一样的，不清楚的同学们，请看我专门写数据的那篇播客

废话不多说，直接上需求，如下图所示，当页面加载完成后，要默认选中，第一个节点，以及第一个节点对应的数据。思路：在加载完左侧分类树之后，给第一个节点改变class样式，并获得第一个节点的id，请求节点数据，显示在左侧。html部分代码-------------------------------------------------------- <el-tree ...

最近项目中用到了el-dropdown，出现的问题是，例如有三个选项，全部诗词曲，唐诗、宋词、元曲。当我点击唐诗的时候，得到所有唐诗的数据，但是该标签还是显示“全部诗词曲"。解决方式1：在el-dropdown标签内添加span，用来显示选中项。当除法command事件的时候，js中通过拿到的id，再得到该id对应的名字，然后将该名字绑定到droColumnName（一个变量名，可随意取值），然...

因为最近要用到Vue+ElementUi，上网搜了很多的资料，终于发现了一个网站，讲的特别好，适合有Anglarjs基础的同学，非常的详细。 地址：http://www.runoob.com/vue2/vue-loop.html...

最近项目中用到了Vue+ElementUI,就试着写了一些基本功能，坑真多。废话不多说了，直接上代码1、Vue+ElementUI+el-table实现复选框的多选和取消选择html代码：注意这里在使用el-table的时候，选择的事件使用select,因为这个事件我们可以传递一个名为row的参数，该参数就是你选择的这一行的数据对象，我们就可以获取该对象中的任意一个属性的值（当然了，我...

最近使用element想实现一下效果，当点击下拉框时会触发事件填充数据,然后显示数据，但是当点击下拉框的时候怎么也触发不了函数。 官网的写法： 在trigger属性设置为click即可。但是我从来没有运行成功过….<el-col :span="12"> <span class="demonstration&qu

最近用到elementUI的table的单选和全选事件，其中elementUI的表头的全选事件的选中与取消，做下笔记。 官方文档如下： 我们可以设置下面这个方法，然后，在方法中处理被选中的事件。 select-all 当用户手动勾选全选 Checkbox 时触发的事件 selection 批量选者就不说了，大家可以看我其他的文章，有一章专门说批量的。 废话不多说，直接上代码 ...

最近用到了el-tree控件，主要是数据的格式，按照官网的数据格式来就可以显示节点的树形结构了。 代码参考很多 这里给出一个比较好的链接： 代码说明在注释里写的很详细了已经，这里不再叙述说明Controller代码 @RequestMapping("/cateList") @ResponseBody public L

最近用到了Vue+elementUI,原先觉得是坑多，后来发现是自己理解不到位。elementUI为很多控件都提供了事件（方法） 现在我们就说说这些方法例一：如下面这段代码中，select控件里面我绑定了一个change事件，该事件是elementUI封装好的，其实这些封装好的事件就相当于是一个接口，而我们的selectStatusChange，相当于去实现这个接口的一个类的对象，至于该接口...

其实tree的有些方法用起来是很方便的， this.$refs.tree.getCheckedKeys()；这个原生态的方法。官方文档上说的是，返回一个数组。有了这个方法，我们就可以得到选中的每个节点的id,拿到了id，那所有的问题就迎刃而解了。 废话不多说，直接上代码html<div id="app"> <el-row&am

今天写项目用到了el-upload，整个控件功能很强大。 我的需求，前端点击上传，径图片保存到指定的文件夹，然后，获得保存后的路径返回给前端，赋值给user.image，之后再将完整的user对象插入数据库。 因为代码封装好了action就是请求路径，我们无法再象往常一样去，发送一个ajax请求，之后返回数据。于是问题出现了，如何获得我保存后的图片的路径呢？ 其实el-upload已经给我们...

撒旦法撒旦法是大

最近用到了elementUI的节点过滤事件，效果如下，当输入关键字搜索的时候，它会将所有含有关键字的节点都显示出来。 废话不多说直接上代码: 1、:filter-node-method这个就是我们的过滤节点的函数， 2、filterText就是我们要过滤的内容 3、我这里给input设置了一个change事件，意味着，每次输入完值，就在该函数里调用过滤节点的方法 html&l...

废话不多说直接上代码 在el-table中定义样式函数，js中写函数<el-table :cell-style="cellStyle" >js:这里的函数的返回值有多个参数，大家可以console.log(参数)，F12去查看自己想到的数据，并取出，这里我设置的是列名为“标题”的那列单元格样式...

如果想要给el-tree这棵树的第一个节点设置默认样式，我们首先要拿到这颗树，然后取出第一个节点，继而进行操作。前端代码：所以我们js里要通过你定义的那个id来获得dom节点var columnTree = document.getElementById("column-tree");js代码：只看红框内的代码即可，我们可以先看看这个兴风作浪的columnTree