element
昔日_少年
95后独自打拼的程序猿
展开
-
Element UI 日期封装自定义组件
日常工作中我们会遇到要封装日期组件的情况,例如:element组件日期选择开始时间,结束时间组件不能直接使用时,重复使用到日期选择,我们就不得不去封装。例如:以上就是今天要讲的内容,本文仅仅简单介绍了时间组件的封装使用,组件封装几乎同理,如有问题,可私信联系。原创 2022-09-16 11:21:17 · 1622 阅读 · 0 评论 -
vue项目中怎么控制隐藏(显示)分页
大家都知道,在vue中我们可以使用v-if或者v-show去做隐藏显示, 这里我使用的是v-show,因为此元素进入页面后,此元素会频繁的改变显示状态,此时用v-show更加合适2.在data数据中写入3.在methods模拟数据请求4.通过watch去监听totalnumber变化从而改变分页状态总结例如:以上就是今天要讲的内容,本文仅仅简单介绍了vue中如何使用......原创 2022-07-14 14:52:26 · 2647 阅读 · 0 评论 -
vue项目中Tab切换,以及不同状态如何显示
前言例如:这里主要讲到项目中我们会遇到的Tab切换,以及订单状态的显示。一、Tab切换要如何去写?代码如下(示例):<el-tabs type="border-card"> <el-tab-pane label="全部"> <el-table :data="auditData" style="width: 100%; margin-top: 1%" :header-cell-st原创 2022-04-21 09:59:20 · 1459 阅读 · 2 评论 -
Element表格数据导出指定数据到 Excel,并可以修改表头
<template> <!-- 表格导入导出 --> <div> <el-card> <el-button @click="handleBtn">导出文件</el-button> <template> <el-table :data="tableData" style="width: 100%"> <原创 2021-09-10 09:35:01 · 391 阅读 · 0 评论 -
Element 日期选择器(今天,昨天,本月,上个月),以及未发生的时间禁选
Element 日期选择器今天,昨天,本月,上个月<template> <div class="dashboard-editor-container"> <el-date-picker v-model="dataTime" type="daterange" align="right" size="small" unlink-panels rang原创 2021-06-04 20:28:47 · 792 阅读 · 0 评论 -
vue+element 导出数据列表(excel表格)
1.首先安装依赖npm install --save xlsx file-saver2.在要导出的vue组件中的script引入import FileSaver from "file-saver"import XLSX from "xlsx"3.在方法中写入exportExcel() {//执行此方法导出Excel表格 // 为el-table添加一个id:out-table // 当el-table使用了fixed时会导出两次数据,所以要先进行判断 .原创 2021-09-09 11:15:37 · 177 阅读 · 0 评论