- 博客(8)
- 收藏
- 关注
RSS订阅原创 vue+element 设置table表格表头，实现用Checkbox控制表格某列显示或者隐藏
一、需求说明由于表格列表字段过多，网页宽度不足以一眼看到我所关注的重要的信息。故需要隐藏掉不想看到的某几列。二、实现的效果三、实现思路3.1.在需要隐藏的表头使用v-if来控制是否显示；3.2.在名称列插入Popover弹出框，弹出框里面再使用checkbox来通过勾选控制.相关代码如下：3.3 HTML表格相关部分<el-table ref="filterTable" :data="resultsData" stripe border style="width: 100%">
2020-11-26 14:20:45
4115
1
原创 vue.js(2.0)+element ui+sortablejs实现表格拖拽排序功能
sortablejs中文文档地址：里面有很多详细的配置项http://www.itxst.com/sortablejs/in7jjvf6.html实现效果：1.鼠标置于蓝色区域会变成图标el-icon-rank；2.拖动之后能够保存拖动后的位置.（这里是后端根据runorderid来排了序，前端也可以排序）一、下载安装，引入1.下载： npm install sortablejs --save 或者 cnpm install sortablejs --save2.引入： import
2020-08-21 14:53:33
874
2
原创 element ：解决Upload 上传显示多张图片的问题（已解决）
目录：一、我的需求：二、结果描述：三、相关的代码一、我的需求：实现上传图片，并且只上传一张，多了上传后也只显示第一张上传的图片，上传后只显示上传的图片，不显示上传按钮的+号以及那个方框盒子。取消上传或者上传后再删除上传的图片，要显示方框盒子二、结果描述：上传前:显示默认的图片，以及鼠标悬停在图片处提示可以修改的字（“点击修改头像”），如下上传后：只显示当前上传的图片（不显示多张），如：控制对话框的部分代码。<el-dialog title="修改个人信息" :visible.s
2020-06-15 19:58:47
4357
原创 vue+Element使用el-tab-pane改变table内容状态，如:已过期，未过期
一、实现效果效果如图：显示什么状态就渲染什么状态的数据。（如：已过期，未过期）二、实现思路过程1.使用Element UI的Tabs 标签页<!-- 筛选条条 --> <el-col> <el-tabs class="interval" v-model="activeName" @click.native="handleClick" :stretch='false'> <el-tab-pane label="所有" name='al
2020-05-18 20:58:24
3238
2
原创 点击Element侧栏导航，顶栏导航的高亮背景效果不消失问题；以及解决刷新导航菜单栏高亮效果消失的问题
一、问题描述1）点击侧栏导航后，顶栏导航的高亮效果还在（问题图片如下，问题已解决）。2）达到的目的：点击侧栏导航后顶栏导航的高亮背景消失；点击顶栏导航时侧栏导航的高亮效果消失。二、实现过程使用了Select（菜单激活回调），清空了左侧菜单栏的高亮样式。以下是部分代码，以顶栏导航的为例子，侧栏导航同理可实现。1.HTML部分： <!-- 顶栏菜单 activeIndex是data里面的一个参数--> <el-menu router :default-acti
2020-05-12 19:44:19
1214
转载 vue 前端导出数据实现方式
一、预期效果点导出的按钮之后，直接下载相应的列表数据。；内边距只影响卡片本身，会在卡片上有更多的留白部分而已。1）在控制卡片的布局列的部分加上一个class，然后设置它让它按列分布；<el-row :gutter="20"...
2020-04-16 14:54:37
14653
原创 列表添加文字超链接，将数据渲染到另一个页面
列表添加文字超链接，将数据渲染到另一个页面以下是我解决问题的知识点，参考了很多网上的知识，想做一个分享记录。刚入门小白的知识记录，如有不正之处，恳请斧正！1.路由方面 { path: '/plan', name: 'plan', component: Plan, meta: { title: '工作表' } }, { pa...
2020-03-20 22:36:04
706
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人