想好了再写！

千分位分割：有小数点保留两位小数反之只进行分隔。

【代码】Elementui里使用el-date-picker来选择多个日期（日期数量不超过31个）

【代码】Elementui里使用el-date-picker来选取指定时间段（时间段不超过31天）

【代码】获取日期区间的所有日期。

需求：勾选行导出为excel表格（合并表头 ）一、安装插件npm install --save file-saver xlsx运行项目报如下警告的话 运行npm install xlsx@0.16.0 --save 来降低版本号（最初我安装的版本号是0.18.16的版本）再次运行项目就不会报如下警告了二、新建一个excel.js文件我存放的路径如下图（下面代码会引入此路径）：excel.js代码如下：import { saveAs } from 'file-saver'import

需求：实现勾选行导出为表格一、安装插件npm install --save file-saver xlsx运行项目报如下警告的话 运行npm install xlsx@0.16.0 --save 来降低版本号（最初我安装的版本号是0.18.16的版本）再次运行项目就不会报如下警告了二、新建一个excel.js文件我存放的路径如下图（下面代码会引入此路径）：import { saveAs } from 'file-saver'import XLSX from 'xlsx'funct

是需要放大的图片的路径。

【代码】vue-sticky简单使用（实现吸顶效果）

配置完毕之后，重启nginx（nginx -s reload）,然后把本地项目运行起来(npm run serve)，然后把端口号改成nginx里面配置的端口号即可看到本地部署的项目。查看是否已经安装，如果输入指令出现版本号说明已经安装成功。1.首先需要将打包好的项目放到你指定的的路径下。必须安装了homebrew，可在终端输入命令。命令就能打开你自定义的端口号啦。本地测试没有配置代理如下配置。上图看到的端口号需要在。

二、在main.js中引入mycss.css(注意此样式需要放在elementui样式后面)

需求说明：1、第一行不参与排序2、实现带%排序3、实现null值排序4、实现值相等不排序5、实现含有占位符‘–‘排序放到最后效果图如下：<template><div> <template> <el-table border :data="previewTableData" style="width:80%;margin:100px auto;" @sort-change="sortChange">

需求说明：1、第一行不参与排序2、实现带%排序3、实现null值排序4、实现值相等不排序5、实现含有占位符‘–‘排序放到最后表格属性说明文档效果图如下：代码如下：<template> <div> <ux-grid highlightCurrentRow :data="previewTableData" @sort-change="sortChange" ref="maxTable" &g

【代码】内嵌 iframe 实现PDF预览。

预览效果一、安装npm install vue-pdf二、组件引入并注册//引入插件import pdf from 'vue-pdf'//注册组件export default{ components: { pdf }}三、页面使用⚠️注意：加载本地的 PDF 文件，要放在 public 目录下，访问路径如 ‘/static/3.pdf’<pdf :src="src" ></pdf>所以代码如下：<template>

效果图如下：一、安装裁剪插件npm install cropperjs二、局部组件引入import Cropper from "cropperjs";import "cropperjs/dist/cropper.css";cropperjs配置参数访问链接三、所有代码如下<template><div> <!-- 功能需求说明： 1.实现头像上传进行预览 2.裁剪头像

效果图如下：直接贴上代码下载插件： npm i html2canvas<template> <div ref="imageDom"> <el-button @click="downloadPicture">下载</el-button> <div> <el-table class="tableX" :height="flag ? '400' : ''" :

【代码】vue项目中使用html2canvas解决截图不全的问题。

【代码】vue中实现简单全屏功能。

router.js里面添加name属性(在语言包里面把name做为属性名去配置对应的属性值)前置路由守卫里面去获取设置给document.title。zh.js和en.js里面的内容根据自己需求来配置。// 修改页面标题,还需在路由里面配置。

在项目的`babel.config.js`的plugins中添加节点。但是如下配置无论在开发环境还是生产环境都会去掉所有的console.log输出语句。==如过我们只想在生产环境才去掉console.log应该怎么配置呢？？？

网上搜了很多的文章，尝试了很多的方法，有说在弹出层上面添加opend方法，在这个方法里面调用接口，试过无效，还有的说在setTimeout里面调用请求，依旧不行，最后用了如下简单粗暴的方式解决了。

前端实现文件下载。

上传本地.xlsx(.xls)文件，实现页面表格数据预览。

【代码】解决分页删除最后一页数据页面为空的问题。

类目筛选功能代码如下：

注意：resolve()里面路径不要写错了，结合自己项目里面的路径！在index.js文件里面引入如下代码。index.vue引入如下代码。

需求描述：调接口获取数据，前端通过条件进行模糊筛选

问题描述：点击页面发送请求，点击确定按钮关闭弹窗并且重置页码为1，再次打开弹窗进来就会有问题，此时数据请求的是第一页的数据，但是页码不在第一页，而是在上一次最后点击的页码那里。如下图：再次进来数据请求的是第一页的数据，但是页码激活样式在第三页.........

👀 需求描述：跨页多选，如在第一页的时候勾选2个，在第二页的再勾选3个，再回到第一页的时候之前勾选的不会消失，仍然为选中状态。

一、安装 npm install mockjs -D二、局部引入import Mock from "mockjs";三、组件使用自定义json文件：{ "status":0, "data|10":[ { "id|+1":1001, "company":"10001", "username":"@cname", "age":25, "img":"@

效果图如下：✨一、安装指定版本的插件npm install vue-awesome-swiper @3.1.3✨二、全局引入（main.js中引入） import VueAwesomeSwiper from 'vue-awesome-swiper' import 'swiper/dist/css/swiper.css' Vue.use(VueAwesomeSwiper) ✨三、使用全部代码如下：<template> <!-- banner区域 -->

📢参考文档效果图如下：✨1.安装npm install vue-waterfall-easy --save-dev✨2.引入 import vueWaterfallEasy from 'vue-waterfall-easy' export default { name: 'app', components: { vueWaterfallEasy } }✨3.使用 <vue-waterfall-easy :imgsArr="imgsAr

需求：实现一个页面同时展示多个tabs,并且默认激活显示第一个的内容，点击对应tabs不影响其他的tabs跟随改变。效果图如下：<template> <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane label="用户管理" name="first">用户管理</el-tab-pane> <el-tab-pane label="配置管理" n

参考文档效果图如下：1、安装npm install element-china-area-data -S2、使用import { regionData,CodeToText } from "element-china-area-data";provinceAndCityData是省市二级联动数据（不带“全部”选项）regionData是省市区三级联动数据（不带“全部”选项）provinceAndCityDataPlus是省市区三级联动数据（带“全部”选项）regionDataPlus是

效果图如下：演示文档基于Vue的简单无缝滚动组件 支持上下左右无缝滚动，单步滚动，以及水平方向的手动切换1、安装npm install vue-seamless-scroll --save2、引入import vueSeamlessScroll from "vue-seamless-scroll";//注册 components: { vueSeamlessScroll, }, data(){ return { listData2:[], classOption

一、安装npm i @amap/amap-jsapi-loader --save二、在public下的index.h<template> <div class="home"> <div id="container"></div> <div class="input-card"> <div class="input-item"> <input type="checkbox" @.

描述：要求两个请求同时有返回结果时再进行相关处理方法一： getPromise1() { return this.$http.get("http://localhost:8080/hello.json").then(res=>{ console.log(res) }).catch(err=>{ console.log(err) }) }, getPromise2() { return this.

页面使用局部自定义指令代码如下：directives:{ remove:{ inserted:(el,binding,vnode)=>{ // el.remove() console.log(el) console.log(binding) console.log(vnode) let isFlag = vnode.cont

初始化data中某个字段key数据Object.assign(this.$data.key, this.$options.data().key);初始化全部的data数据Object.assign(this.$data, this.$options.data());使用场景：1.vue 给data 数据的重新初始化2.vue中Element form表单方法resetFields无效 使用 Object.assign巧妙重置data数据...

1.在utils文件夹下面创建一个cpm.js(路径名字自定义)// 1 - cpm.jsimport Vue from 'vue' // 引入vue// 处理首字母大写 dx => Dxfunction changeStr(str){ return str.charAt(0).toUpperCase() + str.slice(1)}/* require.context(arg1,arg2,arg3) arg1 - 读取文件的路径 arg