本人之前一直是耕耘后台研发，最近接了个小需求需要接触到vue，记录一下我遇到的一些前端解决时间长的问题需求：1：每次动态请求接口获取下一节点数据2：接口返回的数据是list，不带子节点，用pid来维护父子之间的关系3：带有搜索框，搜索框为请求远程数据，数据为不带子节点数据用pid来维护4：简单！！！页面：需要组件：下载三方插件使用arrayTotree插件将扁平化数组转换为树形结构数组并赋值给listnpminstallarray-to-tree--saveimportarrayToTreefrom‘array-to-tree’data中的自定义数组=arrayToTree(获取请求的数组,{

Element-ui一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库，在Vue中使用是很方便的。关于引用icon（第三方），有一种不用下载项目到本地的方法，前言element自带的有icon，使用起来也很方便。但是美中不足的是，官方提供的图标库只是部分，在需要新的icon时，我就想到了引入第三方icon。对我来说，阿里的icon库就很方便，之前的项目也是用的这个库。先是查看了Element官方文档，没发现有提示如何引用第三方icon，就尝试Google一下教程。这里看到了方丈先生的文章VueElement使用icon图标(第三方)，按照他的方法试着操作了一遍，成功引用了。但是

文章目录一、安装二、引入ElementUI三、ElementUI使用①ElementUI官网：②开发后台管理系统的常用标签③使用实例一、安装在终端输入cnpmielement-ui-S安装完毕后，可以在node_modules文件夹查找到element-ui文件夹二、引入ElementUI打开项目的main.js，添加以下代码即可importElementUIfrom'element-ui'import'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI)三、ElementUI使用①ElementUI官网：https://element

最近看element-plus文档的时候发现了组件可以自动导入，详情见这里，使用的是unplugin-vue-components和unplugin-auto-import。其实element-ui也是支持的，unplugin-vue-components的文档有说明。对于element-ui，只是引入组件的话，还不需要引入unplugin-auto-import。一些提示方法，如Message，其实手动引一次也很方便。不过我在看unplugin-auto-import的文档的时候，发现了一些有趣的东西：可以省略掉import，那Message这些不就也能自动引入了？项目中我是没这样搞，这只是

1、自定义布局   查阅elementui的头像上传功能，发现是点击头像位置才可以上传，那我们可不可以点击头像外部的按钮来上传头像呢？elementui效果图：                          目标效果：                          在实现之前要明白elementui里面代码的含义：//el-upload是用来控制图片上传，里面有相关属性。//img的是存放上传图片位置的地方 当我们明白每个标签的含义之后，我们就可以通过调整img标签的位置来达到自己的目标效果。下图为目标效果图的代码：html+css布局//把存放头像单独拿出来，放到一个div中，通过c

1、自定义布局   查阅elementui的头像上传功能，发现是点击头像位置才可以上传，那我们可不可以点击头像外部的按钮来上传头像呢？elementui效果图：                          目标效果：                          在实现之前要明白elementui里面代码的含义：//el-upload是用来控制图片上传，里面有相关属性。//img的是存放上传图片位置的地方 当我们明白每个标签的含义之后，我们就可以通过调整img标签的位置来达到自己的目标效果。下图为目标效果图的代码：html+css布局//把存放头像单独拿出来，放到一个div中，通过c

我首先要说的是，不会就不要乱写嘛，让我又浪费两小时去思考调试及查百度。中:data="packData"是错误的，有些博客就是这么写的。这样写就ok上面错误的写法，浏览器控制会报Propertyormethod"packData"isnotdefinedontheinstancebutreferencedduringrender.Makesurethatthispropertyisreactive,eitherinthedataoption,orforclass-basedcomponents,byinitializingtheproper  大概意思就是没定义初始化，但是我已经给他初始化了，

我首先要说的是，不会就不要乱写嘛，让我又浪费两小时去思考调试及查百度。中:data="packData"是错误的，有些博客就是这么写的。这样写就ok上面错误的写法，浏览器控制会报Propertyormethod"packData"isnotdefinedontheinstancebutreferencedduringrender.Makesurethatthispropertyisreactive,eitherinthedataoption,orforclass-basedcomponents,byinitializingtheproper  大概意思就是没定义初始化，但是我已经给他初始化了，

本文章记录自己学习所出现的bug，新人一枚。一、资源文件引用用到thymeleaf所以要用th：href，----主页当然：href也是可以用的不过要将其中内容处理成字符串th:include的使用-----th:fragment：布局标签，定义一个代码片段，方便其它地方引用   th:include：布局标签，替换内容到引入的文件   />th:replace ：布局标签，替换整个标签到引入的文件   th:insert：布局标签，保留自己的主标签，保留替换内容的主标签   例如引入公共css：引入页面： 被引入页面： 二、对于这种前后端不分离的又同时使用vue和额element的错误整理，

vue-element-admin动态菜单（后台获取），此教程面向纯小白攻略，不要嫌我啰嗦，翻到自己需要的地方即可前提vue-element-admin官网：vue-element-admin(gitee.io)vue-element-admin页面展示：vue-element-adminVueElementAdminvue-element-admin下载：PanJiaChen/vue-element-admin安装依赖报错解决方案：vue-element-admin项目安装依赖报错首先我们拿到项目，得了解一下目录结构他是通过src->router->index.js，根据路由来进行页面的跳转