在我们的日常工作中,利用好Excel,离不开小技巧,往往正是一些不起眼的小技巧,对你的工作大有帮助。今天小编分享几个快速切换工作表的技巧,方便数据查阅和录入~方法一:单击标签法如果工作表不多的话,可以直接单击excel窗口底部工作表标签进行切换。或者使用窗口左下角的工作表导航按钮,分别切换第一个,前一个,后一个,最后一个工作表。特点:这个方法适用于项目少的表格,如果工作表很多,用这种方法会显得比较
启动Excel时自动打开某个工作簿快速打开多个excel文件按住shift键选中要打开的excel之后按回车即可。快速在多表之间切换ctrl+tab快速关闭打开的文件点击全部关闭按钮按住shift,之后点击右上角的X (推荐)启动excel时自动打开某个文件打开excel——文件——选项——高级——在启动时打开此目录中的所有文件中写入每次启动excel时默认要打开的文件目录即可。Excel相关技巧
1.实现主页的布局   实现主页的布局,首先我们可以去element-ui上去找有没有现成的布局代码,我们找到组件下的Container选项下有左右布局直接copy过来<el-container> <el-header>Header</el-header> <el-container> <el-aside width="200p
elementUI中的el-table勾选框设置默认勾选、禁用最近项目中有这个一个需求:请求后端列表数据,根据数据中remark值自动设置table的勾选框的勾选状态及禁用状态, 如果remark=“1”,是勾选状态且该勾选框变为禁用状态;反之,如果remark !=“1”,则不是勾选状态且用户可以进行勾选 当用户手动进行勾选某行数据时,该操作将向后端发送请求,请求成功则该行数据所对应的的勾选框状
第一步:安装依赖 npm install xlsx file-saver --save 第二步:在组件中导入 import FileSaver from 'file-saver' import XLSX from 'xlsx' 第三步:1、给对应表格添加id 2、methods中写入方法 outpu ...
转载 2021-10-12 09:22:00
707阅读
2评论
有tab栏切换通常都是会直接刷新界面,现在有一个需求就是说当我点击tab切换或者菜单切换的时候,原本写的查询不变。1、在layout中加入keep-alive,进行缓存这时候,当你输入查询条件,进行切换的时候,你会发现, 效果达到了。但是如果你够细心,你会发现,如果有联动的界面,从a界面点击一条数据进入b界面,数据不再更新,一直保持着第一次的那条数据。为什么会这样呢?原因是vue的生命周期函数mo
转载 2024-04-03 10:44:00
914阅读
前言 公司系统在用elementui做后台开发,不免遇到一些需要自己去根据原有的功能上,加一些交互的功能。 今天来介绍下我在用elementUi里的Tag标签与多选框交互的过程,东西听上去很简单,但就是越简单的东西越容易出一些问题。官方tag文档: elementUi-tag标签 效果图:思路 一、多选框勾选,出现对应的tag: 1.利用watch监听多选框绑定
大多数情况,我们的管理端都有表格展示数据,然而表格的展示基本都是表头横向展示,然后相应的数据一行一行排列在下方,我们先看一下element官网的el-table的样子:那么我们如果想要让表头纵向展示该如何实现呢?怎么样?是不是发现element官网没有这样的示例,有点难搞,哈哈,接下来咱们就来现场撸纵向表格展示,准备好了吗?其实原理很简单,一般的都是横向展示,先定义第一行表头,然后数据部分直接放在
转载 2024-03-08 18:09:08
472阅读
效果图安装Element-uinpm i element-ui -S引入 Element-ui    在 main.js 文件里引入并注册 ( 这里是 Vue3.0 的模板 )import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store' imp
1、内容绑定、事件绑定(v-text\v-html\v-on)1、v-text(绑定内容)作用:设置标签的内容(无论内容是什么,它只会解析文本)<!-- v-text --> <div id="d1" style="color: red;"> <h2 v-text="message" ></h2> <h1
转载 2024-03-22 09:36:44
92阅读
这是一个学生信息查询页面的Vue.js模板代码。它包含一个搜索表单、一个显示结果的表以及在不同类型的信息(补贴和非补贴相关)之间切换的选项卡。该模板使用Element UI库中的各种UI组件,包括el image、el form、el table和el radio组。表格列显示学生姓名、身份证号码、班级名称、培训时间和补贴状态等信息。该模板还包括一个用于验证captcha的Verify组件,以及一
原创 2023-07-20 19:56:48
621阅读
tab功能在网页中是比较常见的,那么用vue怎么实现tab操作呢,与jQuery实现tab的思路有什么区别呢?在使用jQuery类库实现tab功能时,是获取鼠标在mousenter或click时的index值,然后切换到当前的标题和内容,把其他的标题和内容的状态去掉:$('.tab .title').find('.item').removeClass('current').eq(index).ad
1.面包屑导航目录  新建一个Users.vue作为响应/users请求的component,在router下的index中配置好响应地址。  实现路由导航的面包屑目录效果,首先我们去Element-Ui找到对应的地址https://element.eleme.cn/#/zh-CN/component/breadcrumb,然后导入面包屑表头。 <!-- 面包屑导航区 -->
转载 7月前
73阅读
目录前言一、实现动态树形菜单1. 配置相应路径2. 创建组件3. 配置组件与路由的关系index.js4. 编写动态树形菜单5. 页面效果演示二、实现数据表格绑定及分页功能1. 配置相应路径2.  编写数据表格显示及分页功能代码BookList.vue3. 演示效果总结前言        在上期的博客中我与各位老铁分享了有关首页
修改input回车页面刷新<el-form @submit.native.prevent> <el-form-item label='部门:' style="width: 100%;"> <el-input v-model="params.officeName" style="width: 160px;" @keyup.enter.native="se
  现实的场景中很经常遇到表格el-table数据过多,为了更好的用户体验,所以我们需要用到分页,一般分页可以视数据量的大小可分为前端控制和后端控制。  先看下效果(已做脱敏处理)图1 前端el-table分页效果这里就把ElementUi官方的例子进行修改来说明<template> <el-table :data="tableData.slice((cu
转载 2024-04-18 14:00:50
683阅读
前言本篇文章记述了如何在Vue3+Element Plus 技术栈下 实现一个具有筛选、排序、分页功能的表格,并将其封装成一个组件的过程。1.完成基础表格我们先使用el-table绘制一个基础的表格:<template> <div class="cl-PaginationTable"> <el-table :data="tableData" height=
转载 2024-06-27 06:12:16
346阅读
前端在开发PC 端项目时,现在用的比较多的就是Element UI,而在PC端管理系统中,Table 可以说是必不可少,刚开始使用对table没有做过多的处理,可是在需要做一些处理时,对其文档不熟悉使用不熟练总出现一些意想不到的问题。表头和内容错位:解决在全局中添加 样式可解决:.el-table th.gutter { display: table-cell !important; }自定义
转载 2024-04-01 06:40:07
1014阅读
本文介绍如何实现一个简洁易用的表格组件。其中tableView是表格组件的核心。tableDrag和tableOrder是我写的两个插件,分别让表格支持列宽调整和自动生成序号列。tableDefault目前的作用仅仅是简化插件的配置。下面的demo可以让你了解下它的基本功能:http://liuyunzhuge.github.io/blog/form/dist/html/tableView.htm
前端框架多,一种方式不足以满足开发需求,现提供两种框架的不同导出方式,依据步骤即可导出,亲测有效一、vue框架导出1、安装依赖npm install --save xlsx file-saver2、在文件内引入import FileSaver from "file-saver"; import XLSX from "xlsx";3、使用html部分 : <el-button @click
  • 1
  • 2
  • 3
  • 4
  • 5