随笔分类 -  vue

将列表导出成excel表格、图片下载(vue中使用)
摘要：下面方法是前后端配合完成的导出功能，即前端需要调用后端接口。 如果后端返回的是base64格式的url，需要先转成二进制，再用blob处理；如果是文件流或二进制流，直接用blob处理即可。 功能1：将列表导出成excel表格(vue中使用) 实现方法： 1.调后端接口，将列表数据传到后端 2.后端返 阅读全文
posted @ 2021-05-25 14:53 sunshineG 阅读(809) 评论(0) 推荐(0)
填写默认账号密码模拟登录
摘要：开发时，不用每次登录都输入账号密码,j节省很多开发时间 方法一：js实现，直接获取页面输入账号、输入密码、登录按钮，赋值点击事件就ok了 <input type="text" class="input_box"><input> <input type="password" class="input_ 阅读全文
posted @ 2021-05-21 10:52 sunshineG 阅读(540) 评论(0) 推荐(0)
js 递归取到多层chilren中的数据 vue
摘要：处理后台返回的树形结构数据 需求：只展示一级类目名，及下面所有标签（同级展示） data(){ return{ originData:[ //1.后台返回的数据结构 {id:0, categoryName:"类目1", children:[ {Iid:0,labelName:"标签名1"}, {Ii 阅读全文
posted @ 2021-05-20 14:50 sunshineG 阅读(1689) 评论(0) 推荐(0)
vue element-ui el-form el-table 表单查询、表格展示（可滚动加载）
摘要：vue 滚动加载 vue element-ui 功能： el-form el-table 默认展示所有数据，点击查询时，展示查询到的数据 <!-- 1.查询表单 --> <el-form> <el-row> <el-col :span='12'> <el-form-item label="名称"> 阅读全文
posted @ 2021-05-20 09:49 sunshineG 阅读(3469) 评论(0) 推荐(0)
对象数组深拷贝（表单提交页面，有重置功能） vue项目中
摘要：表单提交需要重置功能时，如果不先把原始数据拷贝一份，修改之后，再重置会回不去！！！（对象或数组引用数据类型） 封装一个公共的方法：如下，一般放在项目的utils文件夹中utils.js中， /** * @param data 需要深拷贝的数据 * @returns {*} 返回拷贝之后的数据 */ 阅读全文
posted @ 2021-05-14 01:15 sunshineG 阅读(440) 评论(0) 推荐(0)
vue中使用 canvas给页面添加水印
摘要：vue中使用canvas 给页面添加水印 1.写一个公共的方法，放在项目utils文件夹中 watermark.js str传入水印需要展示的文本，renderDom水印要加的盒子，默认body var watermark = var setWatermark = function(str,rend 阅读全文
posted @ 2021-05-13 16:45 sunshineG 阅读(575) 评论(0) 推荐(0)
1. vue路由跳转及传参、获取参数
摘要：vue路由跳转及传参、获取参数 1. query方式 跳转传参：this.$router.push({ name:'customerView',// 要跳转页面的名字（router文件里的name） query:{ customerNo:this.customerNo, //参数1 customer 阅读全文
posted @ 2021-05-12 18:52 sunshineG 阅读(548) 评论(0) 推荐(0)