vue的PC开发
吴老弟i
这个作者很懒,什么都没留下…
展开
-
重写element的message解决弹框多次问题,始终弹最后一次
第一步:创建message.js的js文件/*重写element-ui $message 解决消息多次弹出的问题 最新的会覆盖之前的/import {Message} from “element-ui”;let messageInstance = null;const overrideMessage = (options) => {if (messageInstance) {messageInstance.close();}messageInstance = Message(o原创 2020-11-18 14:45:09 · 608 阅读 · 0 评论 -
element-ui的树型控件自定义图标的使用
<el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick" node-key="id" > <span class="custom-tree-node" slot-scope="{ node, data }" > <span.原创 2020-07-28 13:58:30 · 571 阅读 · 0 评论 -
树型菜单数据的处理
//处理树型数据递归实现 var data = [ { id: 1, name: "办公管理", pid: 0 }, { id: 2, name: "请假申请", pid: 1 }, { id: 3, name: "出差申请", pid: 1 }, { id: 4, name: "请假记录", pid: 2 }, { id: 5, name: "系统设置", pid: 0 }, { id: 6, name:原创 2020-07-28 13:33:59 · 263 阅读 · 0 评论 -
谷歌浏览器跨域设置,不使用CORS插件
1.在电脑上新建一个目录,例如:C:\MyChromeDevUserData2.在属性页面中的目标输入框里加上 --disable-web-security --user-data-dir=C:\MyChromeDevUserData,–user-data-dir的值就是刚才新建的目录。3.点击应用和确定后关闭属性页面,并打开chrome浏览器。再次打开chrome,发现有“–disable-web-security”相关的提示,说明chrome又能正常跨域工作了。...原创 2020-07-21 18:07:17 · 1172 阅读 · 0 评论 -
element实现自定义table列表,复选框控制生成头部动态渲染数据
其实很简单 不需要担心数据如何渲染,element会自动根据你的选中对象的label和prop去渲染后台数据,只需要你把你的prop和后台的prop写成一致的就行。自己理解哈,很简单。html部分<div class="clearfix"> <div class="pull-left"> <el-popover placement="right"原创 2020-07-14 16:58:00 · 852 阅读 · 0 评论 -
js获取当前时间并处理为YY-MM-DD格式,利用moment.js插件处理时间
获取当前时间并且转成YY-MM-DD格式://获取当前日期 getNowFormatDate() { var date = new Date(); var seperator1 = "-"; var year = date.getFullYear(); var month = date.getMonth() + 1; var strDate = date.getDate(); if (month >= 1 &&原创 2020-06-22 16:14:27 · 1010 阅读 · 0 评论 -
vue使用xlsx实现上传excel表格并读取到表格数据
转载大佬的博客,原文请看:https://blog.csdn.net/qq_39009348/article/details/84613577今天我们来详细讲解怎样使用xlsx实现前端上传excel表格并读取表格数据。首先,我们安装xlsx:npm install xlsx --save然后,我们再使用xlsx,封装一个读取excel表格数据的组件:<template> <span style="margin-right:10px"> <input clas原创 2020-06-19 10:25:28 · 2494 阅读 · 0 评论 -
vue使用qrcodejs2实现生成二维码
npm install qrcodejs2 --save 下载插件依赖代码部分:原创 2020-06-19 09:36:41 · 405 阅读 · 0 评论 -
echarts的适配问题
myChart.setOption(option);window.onresize = function () {myChart.resize();//myChart1.resize(); //若有多个图表变动,可多写}如果多个表格不触发,可以监听一下:window.addEventListener(“resize”, () => {this.myChart.resize();this.myChart2.resize();this.myChart3.resize();this原创 2020-06-18 17:46:25 · 1151 阅读 · 0 评论 -
vue实现自定义分页功能组件,不是element自带ui,实现组件复用
分页组件: 共 {{tableData.length}} 条 父组件: 积分来源分析原创 2020-06-18 15:52:01 · 452 阅读 · 0 评论 -
vue实现点击按钮,保存Echarts图片到本地,不是Echarts自带的保存功能
//点击保存下载图片downloadFile() {let aLink = document.createElement(‘a’);let blob = this.base64ToBlob();let evt = document.createEvent(‘HTMLEvents’);evt.initEvent(‘click’, true, true);aLink.download = “积分趋势效果统计图”; //下载图片的名称aLink.href = URL.createObjectURL(原创 2020-06-17 14:58:19 · 1206 阅读 · 0 评论 -
vue利用file-saver和xlsx实现导出Excel表格到本地
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar原创 2020-06-17 14:46:15 · 2252 阅读 · 2 评论