- 博客(8)
- 收藏
- 关注
原创 前端vue项目的打包更新并提醒用户刷新页面
前端每次改动重新部署项目的时候,如果用户一直停留在页面上并未刷新使用,可能会存在数据问题或者一些其他bug,因此,当前端项目更新后,需要提醒用户去重新刷新页面后使用。
2024-03-01 10:05:44 774 1
原创 前端导出Excel表格
vue + xlsx实现Excel导出简单粗暴步骤,无需花里胡哨第一步:npm install --save xlsx@0.14.3第二步:全局封装公共方法(或者局部定义)import XLSX from "xlsx";let common = { install: function ($Vue) { let Vue = $Vue.prototype; let common = { // 导出excel表格 // data:导出参数,name:表格
2022-03-04 09:29:54 3986
原创 后台返回文件流转json格式
后台返回文件流转json格式后端返回文件流let encodedString= String.fromCharCode.apply(null, new Uint8Array(response.data))// encodedString是通过转义返回乱码let decodedString = decodeURIComponent(escape((encodedString)));//解决中文乱码 重要不可遗漏 转换成json格式let obj = JSON.parse(decodedS
2020-09-01 14:43:04 1838
原创 前端实现文件导入导出
前端实现文件导出导入<a href="(../Images/test.txt')" >点击下载文件</a>文件导出<a-button class="header-option-button" size="small" icon="cloud-download" @click="downloadfile" download></a-button>methods:{ downLoad(data, filename) { if
2020-07-03 17:17:35 1767
原创 vue 移动端 px转rem
移动端px转remvue 移动端 px转remvue 移动端 px转rem在我们撰写h5或者app时,为了实现样式,字体自适应我们需要借助第三方库来实现代码如下//第一步 npm install lib-flexible px2remLoader -S //第二步 在 main.js中引入 import 'lib-flexible/flexible'import 'lib-flexible/flexible'//第三步 在build --> utils.js 中 找到 cssLoader
2020-06-22 18:07:10 252
原创 组件之间传值
关于组件之间的传值当业务需求,代码实现需要各个组件传值父传子代码片.// An highlighted block<loading-page :info="info" :classdata="classdata"></loaging-page>// 将data中的数据传值过去props["info",'classdata']子传父代码片// 子组件给父组件传值 通过事件传值<button @click="info">按钮</button&g
2020-05-14 10:21:40 119
原创 vue使用微信扫一扫
vue使用微信扫一扫第一步: 安装weixin-js-sdk 和 jquery 包 npm install weixin-js-sdk jquery第二部: 配置wx.config (配置都是后端返回来的,菜鸟前端只需要按需传值过去就可)代码如下import wx from “weixin-js-sdk”;import $ from “jquery”;goSao() { //这里...
2020-04-09 17:32:40 488
原创 vue element ui 表格复选框选中回显
vue element ui 表格复选框选中回显封装函数如下let a = [] this.tableData.forEach(item => { this.tabdate.forEach(element =>{ if (item.id === element.id){ a.push(item) } })})this.KaTeX parse error: Expected ...
2020-02-25 15:29:34 1661
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人