酱子

左侧A盒子，右侧F盒子用flex布局B/C/D竖着排列，右侧3个div分别用伪元素分别做3根横线，F盒子设置。竖线，这样一拼接就感觉像是一个思维导图了，理论先这样，但是还没有想到B盒子的左侧横线和F盒子竖线交叉之后，上面圆圈多余的部分怎么去除。有这么个需求，按照层级关系，把表格放在思维导图上，我第一时间想到用插件，但是找了好久都没有找到比较合适的插件，决定自己手写一个。模拟数据 带有层级关系的格式，id是唯一的，这样做为了后期可能操作表格的时候方便找到唯一的表格。刚开始的做法是直接设置子集的。

新建一个vue2项目，在components里面新建一个longpress.vue文件设置按钮 指令，3000是毫秒参数-- 单位毫秒 : 3000 -- > < button v - longpress : 3000 = "longpress" > 长按 < / button > < / div > < / template > < script > export default {return {};console . log("长按指令生效--" , e);

有时候，需要用到下拉列表 全选和搜索，并且鼠标放入的时候有下拉列表展示，以前的做法是 check + el-input搜索结合做个组件，现在这个方法直接使用el-select 就能做到这个需求功能：有搜索+有全选+有取消+有确认请求+有鼠标移入自动展示功能。使用element-ui el-select 做下拉 全选+搜索 功能。

element table表格表头太宽了，我们处理好数据后要是直接赋值的话，有时候表格不渲染最新数据。我们用doLayout()后能正常渲染最新数据，但是表格会跳到最左边，此时就需要用到一下的功能了，

今天本来想用下Element-ui的date日期时间组件，居然发现使用date组件后一直报错，大概意思是和props相关，但是我的页面组件也没有props，我去看了一下源码发了问题所在，先看报错吧 很重要的一段：`use a data or computed property based on the prop's value. Prop being mutated: "placement" `...

vue项目里 使用Element table 把多个表格合并追加到右侧，更简洁版本

dropdown下拉 复选框+全选+搜索功能 组件可以传入默认值默认选中可以全选可以搜索点击确定把选中的值抛出

element-ui upload 组件 上传多个文件，只调用一次接口element-ui upload 组件 要是一次上传多个文件，会自动请求多次，而现在想要上传多个文件放在一个请求里，可以把多个文件 fileList 合并在一个FormData里面，利用防抖策略，上传多个文件后，只调用最后一次debounce() 去调用上传接口<template> <div> <div class="dragUpload"> <el-upload

Element-UI 两个 日期选择器 联动选择日期<template> <div> <div class="timesel"> <span>开始时间：</span> <el-date-picker v-model="formL.startTime" type="date" placeholder="选择日期" :pickerOptions=

vue-element-admin 安装的时候失败 提示 tui-editor，可以试试这样做，在package.json里面 把 “tui-editor”: “1.3.3”, 删掉，在npm install，其他的都安装好了 在单独安装这个： “tui-editor”: “1.3.3”，亲测有效...

element Upload 上传文件只能上传一次 ，再次点击上传无反应的问题的坑今天在开发的时候,文件上传都没有问题,但是修改文件数据后,再次上传图片就无反应了，导致整个问题的原因是因为你没有清除当前 fileList，导致它一直保存这你第一次上传文件的信息，只要你把他一刀切掉就好了！那么问题来了，应该怎么清除呢！所以要想继续上传文件，就需要在on-success钩子函数中通过ef 拿到它的document元素进行清除已经上传的文件 看下面的代码： <el-upload class=

vue 项目 element-ui 表格 修改 表格里面的数据后 页面不更新问题 完美解决方案想要达到的效果：点击"更多"后，"更多"隐藏，删除和补仓显示；（有时间可全部看完，没时间直接看做法5）例如：自己用 this.show、在百度上找的方法 set 都没能成功最下面有代码demo页面初始化：目标效果做法1：给"更多"绑定一个 v-show='show' 把 this.show 设置为true ，点击"更多"按钮后 在点击事件里面把this.show 设置为false