![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element
一只敲码的猫~
初级选手
展开
-
后台数据全部返回前端element ui实现前端分页
dom<template> <div class="main-view"> <div class="btn-view"> <el-button size="mini" type="primary" @click="downloadClick">导出</el-button> </div> <div class="table-view"> <vxe-table .原创 2021-03-19 16:22:25 · 539 阅读 · 0 评论 -
echarts按需引入支持echarts图片下载echarts随着浏览器窗口变化
在本地项目里创建/js/lib/eCharts.js文件,文件内容如下/*按需引入 eCharts*/import * as eCharts from 'echarts/core' // 引入核心库import { BarChart, LineChart, PieChart, GaugeChart } from 'echarts/charts' // 引入图表类型import { TitleComponent, TooltipComponent, GridComponent, Leg原创 2021-03-18 13:05:46 · 249 阅读 · 0 评论 -
日期格式化
formatTime({ cellValue, row, column }) { // cellValue日期 let t = new Date(cellValue) let format = 'yyyy-MM-dd HH:mm:ss' let tf = function(i) { return (i < 10 ? '0' : '') + i } return format.replace(/yyyy|MM|...原创 2021-03-15 13:39:26 · 167 阅读 · 0 评论 -
正则表达 数字和小数 只能含有一个小数点 保留3小数 首位不能是小数点
html写法 <el-input maxlength="15" :oninput=" (val= oninputNumber(val)) " v-model.trim="val" /> script写法 data() { return { val: "", }; },methods: { oninputNumber(原创 2021-01-21 18:35:03 · 939 阅读 · 0 评论 -
element-UI 文件上传 组件化
这里是封装的上传按钮组件DOM写法<template> <el-upload action="#" :http-request="requestUpload" :show-file-list="showFileList" v-loading="loading" > <el-button :type="buttonType" icon="el-icon-upload2" :disabled="原创 2020-12-25 10:57:20 · 310 阅读 · 0 评论 -
js vue下载图片
图片需要转化成base64,然后在下载。 // 图片转化base64 getUrlBase64(url) { return new Promise((resolve) => { let canvas = document.createElement("canvas"); let ctx = canvas.getContext("2d"); let img = new Image(); img.crossOrigin原创 2020-12-25 10:52:42 · 266 阅读 · 0 评论 -
vue 下载word等文档
// 下载 getdownloadInfo(row) { let url = row.reportUrl const fileName = url ; if ("download" in document.createElement("a")) { let downloadElement = document.createElement("a"); downloadElement.href =原创 2020-12-25 10:50:38 · 1781 阅读 · 0 评论 -
element-UI select下拉框 加搜索 拼音搜索 滚动加载新的数据
DOM 写法 <el-form-item label="样品名称" prop="sampleName" label-width="150" > <el-select v-model="queryParams.sampleName" p.原创 2020-12-25 10:38:44 · 350 阅读 · 1 评论 -
解决element table错位的问题
由于<style>中用了scoped,因此咱们需要在class选择器前添加/deep/ 就可以了,本人亲测 element table 头错位有效解决<style scoped>/deep/.el-table th.gutter { display: table-cell !important;}</style>原创 2020-11-11 14:12:01 · 626 阅读 · 0 评论