logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue使用keep-alive组件缓存,保存页面滚动位置

需求:  vue项目H5页面列表页可以向上滑动加载下一页;当点击跳转详情页时,保留列表页的滚动位置;当从详情页点击跳转二级页面时,保存详情页的滚动位置。思路:列表页的滚动使用的是vux组件库中的Scroller组件,通过观察发现没有滚动条,而是通过样式transform实现的;当跳转详情页的时候缓存列表页可以记录当前位置和数据。详情页页面未使用组件,而是通过原生的div平铺下来的内容,超出屏幕可视

vue项目中实现导航栏锚点效果

需求:  vue项目PC端详情页内容过多,在右侧或左侧加一个导航栏,通过点击某一项,页面平滑滚动到具体的内容上。并把这个功能封装成组件。思路:封装成组件复用的话,首先快捷键的每一项数据需要父组件传入;插值表达式打印v-if里的数据,是true是true为什么不显示,后面typeof之后发现Boolean类型通过跳转回来后变成了String类型由于跳转筛选页的时候,将该值通过query传参的方式,传

vue上传并读取Excel,格式化成数组传给后端,返回文件流导出Excel到本地

需求:列表有上下架状态的一列,在数据过多的时候需要,统一修改。1、点击批量上下架按钮2、弹出批量导入弹框,如图13、点击下载模版,如图2,该模版是由前端定义的两个字段4、点击请选择文件,可选择本机相关文件,如图35、点击导入,会把上传的excel读取校验每一行数据是否合格,然后转化成数组作为参数传给后台,如图46、后端会返回一个文件流,前端直接下载到本地excel涉及知识:1、使用js-xlsx库

#前端
vue使用keep-alive组件缓存,保存页面滚动位置

需求:  vue项目H5页面列表页可以向上滑动加载下一页;当点击跳转详情页时,保留列表页的滚动位置;当从详情页点击跳转二级页面时,保存详情页的滚动位置。思路:列表页的滚动使用的是vux组件库中的Scroller组件,通过观察发现没有滚动条,而是通过样式transform实现的;当跳转详情页的时候缓存列表页可以记录当前位置和数据。详情页页面未使用组件,而是通过原生的div平铺下来的内容,超出屏幕可视

小程序wx.setStorageSync后,在用getStorageSync获取数据有时会获取不到

小程序wx.setStorageSync后,在用getStorageSync获取数据有时会获取不到;改为异步获取。

#小程序#微信小程序
vue中使用axios下载java后台返回文件流导出excel文档

需求:表格上方有一个导出按钮,点击后,调用后台接口,后台返回数据流,下载成功后并在本地可以打开excel。代码实现:<el-button type="primary" size="mini" icon="el-icon-download" @click="formatExportFile">金税格式数据导出</el-button>import Storage from '@

#vue.js#前端
vue后台实现点击图片放大

点击小图可以放大,放大后,通过手势等比例放大缩小、左右切换图、旋转、关闭。由于element-ui版本较低不支持使用图片放大的image组件。代码父组件:子组件base/image/image-viewer.vuedom.js/util.js/types.js

#vue.js#javascript#前端
到底了