![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 83
HowYouth
这个作者很懒,什么都没留下…
展开
-
VUE+ElementUI+vue-resource请求http
背景想要前后端分离,前端用vue-resource请求后台接口。步骤1. 安装vue-source在cmd窗口中执行命令:npm install vue-resource2. 引入vue-resource在入口文件main.js中引入vue-resource,添加如下代码即可:import VueResource from 'vue-resource'Vue.use(VueRe...原创 2019-05-16 15:20:47 · 2765 阅读 · 0 评论 -
ElementUI表格中获取当前行数据(实现对table数据的修改和删除)
前言在此之前,已经实现了vue+ElementUI的跨域查询并渲染查询结果的功能,现在想要在每一行中添加修改和删除的按钮。于是乎就需要获取当前行的数据,于是就有了下面两种方式的获取。1 获取当前行的数据1.1 我的笨办法这里是我记录自己的学习过程,这个方法也能实现,但是麻烦,如果您只是为了寻找最终方案,请直接查看1.2章节。首先我查看了官方文档,打算使用对话框来渲染修改页面和删除警告页面...原创 2019-05-21 17:52:55 · 80470 阅读 · 10 评论 -
VUE跨域问题
前言最近在练习VUE+ElmentUI的前后端分离,在向后台请求数据的时候,发生了跨域请求的问题,网上搜了好多方法,也不知道怎么处理。最后还是在后台代码中添加了跨域的响应头猜得以解决。后台实现在拦截器中添加header:public class LoginInterceptor implements HandlerInterceptor { private static Logger l...原创 2019-05-22 15:12:16 · 461 阅读 · 0 评论 -
ElementUI使用Form多列显示
前言ElementUI的Form表单中的每一项,默认是一行显示一个,垂直排列的,但是在实际应用中,比如查询页面里,一行一个查询条件显然是不太现实的:占地儿太大,页面很不友好。查询条件少的话还好说,如果查询条件众多,那么查询Form就会显得很臃肿。因此,需要让Form表单一行显示多个el-form-item。解决方案ElementUI的页面布局,跟bootstrap一样,是24格栅栏形式的。因...原创 2019-05-17 11:36:40 · 16978 阅读 · 3 评论 -
VUE的插槽(slot和slot-scope)
前言在之前的获取当前行数据中,最终的方案是使用了slot-scope="scope"的方式获取了当前行的数据,当时对slot-scope是个什么东东不了解。这两天查看了好多资料,有点明白了这个插槽是个什么东西。但是理解的不深,可能有错,先记下来,就当是整理一下思路。什么是插槽Vue 实现了一套内容分发的 API,这套 API 的设计灵感源自 Web Components 规范草案,将<...原创 2019-05-23 11:59:58 · 16726 阅读 · 13 评论 -
VUE+Element学习笔记(一)VUE+ElementUI实现登录功能
VUE+ElementUI的登录页面原创 2019-05-31 14:19:39 · 17985 阅读 · 3 评论 -
VUE+Element学习笔记(二)VUE+ElementUI值传递
前言在项目中,左侧菜单点击后,会在右侧新建一个tabs标签页。创建标签页是一个公共方法,参数是菜单node信息,不方便增加参数。但我需要在创建tabs时还要带上一点别的信息,简单来说,就是我要查看详情,除了新建一个查看详情的tabs之外,我还需要带着数据进入新的tabs中。我试了使用$emit和$on进行监听,发现当$emit组件已经触发事件后,需要$on监听的组件还没有create好,导致无...原创 2019-06-25 11:11:11 · 2758 阅读 · 0 评论 -
前端数组转树形数据
前言去后台查询,结果是一个List,可以很容易地自己组装出数组。然后再使用数组转为Tree。代码//此处省略list转数组的方法optionData(data) { console.log('开始转换为树形数据'); let cloneData = JSON.parse(JSON.stringify(data)); // 对源数据深度克隆 return cloneD...原创 2019-07-18 10:17:03 · 911 阅读 · 0 评论