- 博客(9)
- 收藏
- 关注
原创 Vue Element Ui纯前端实现当前页的表格导出Excel
需求:将下表数据导出excel文件,注意:如果数据太多还是使用后端传文件流的方式方法:一、安装依赖npm install --save xlsxnpm install --save file-saver12二、添加属性标签添加ref属性,用于获取该元素el;也可添加id属性获取表格内容省略 … 1三、添加方法// 导入依赖import XLSX from 'xlsx'import FileSaver from 'file-saver'// 导出方法exportBtn
2022-04-29 10:55:04 629 2
原创 Vue页面传值取值
首先是vue传值方法 this.$router.push({ path: "/RawDataInfoDetail", query: { jobnum: row.jobnum } });接着在要接受的页面方法里获取页面传入的值 let jobnum = _self.$route.query.jobnum
2022-01-18 13:54:09 1324
原创 Vue表格自动查询功能
首先和table中的:data名称相对应以下就是自动搜索的方法 computed: { Data() { //现在return中定影一个tableData[]数组,也就是一开始getdata显示表格数据的存储数组 return this.tableData.filter((d) => { let is_del = false; for (let i = 0; i &l
2021-12-23 15:59:04 1643
原创 Vue下载功能
div部分 <template slot-scope="scope"> <el-link type="success"> <i class="el-icon-download el-icon--right" @click="downloadRawdata(scope.$index, scope.row)"> Download</i>
2021-12-22 17:09:03 351
原创 Vue文件上传功能
div部分如下<div> <el-upload class="handle-del mr10" ref="upload" action="" accept=".xls,.xlsx" :limit="limitUpload" :on-exceed="handleExceed" :on-preview="handlePreview" :on-remove="
2021-12-22 16:00:22 440
原创 Vue 表格多选批量编辑
**以下为Vue部分** handleSelectionChange(val) { this.multipleSelection = val; }, var ids = [] this.multipleSelection.forEach(row => { ids.push(row.id)//将选中行的id进行循环遍历存入自定义的ids数组中 }) this
2021-12-03 11:44:41 1623
原创 VUE判断当前/传入值的日期周别
//获取周别,获取当前日期是一年中的第几周则把传入的值(下面为time)删除即可,反之time是输入框传入手输日期getWeekNum(time) {//获得当前日期是第几周的方法// let time=this.form.begaintime;//在methods方法里获取输入日期,用过滤器可省略let date = new Date(time);let year = date.getFullYear();// var year = new Date(time).getFullYear();
2021-11-25 10:14:50 1253
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人