![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 83
小敏同学
这个作者很懒,什么都没留下…
展开
-
Vue 向上滚动、向下滚动 轮播图
前言 原理解说先说向上的轮播在盒子里面放置4张图片复制4张一样的图片放在后面(即乘2)设置外层盒子的高度为4张图的高度,让超出部分隐藏起来overflow:hidden给定一个速度,即每次移动的像素 >=1px设置一个定时器,一直改变内层盒子的offsetTop的位置即可以实现让图片向上/向下滚动解释一下中间的一个判断当向上滚动的时候,offsetTop会一直变小,也就是越来越大的负数此时内层盒子的top为0,即从第一张图开始向上轮播第一张图第二张图第三张图 (乘2的原因:原创 2021-07-25 11:34:30 · 4365 阅读 · 0 评论 -
Vue通过全局过滤器处理时间戳
前言以前我们写全局过滤器一般都是直接写在Vue实例上面比如这个样子的Vue.filter('过滤器名称',function(data){ return data + '123'})但是如果我们在项目中需要大量使用的话,最好还是要做一个抽离,方便大家都能使用下面说一下步骤创建一个文件夹filters,在它下面创建一个文件index.js在index.js里面定义你的过滤器,然后导出const formatDate = function (value) { le.原创 2020-06-10 21:17:13 · 490 阅读 · 0 评论 -
Vue+Element UI实现纯前端分页
思路:我们在请求后端拿到的数据往往有很多条,这时候我们就希望通过分页让页面上只展示某部分数据如何展示某部分数据呢?既然是分页,那么必定会涉及到两个东西:一、每一页的数据条数,设它为pageNum二、当前页,就是当前页是第几页,设它为currentPage那么我们就可以根据这两个变量进行计算,计算什么呢?计算出当前要展示的是从第几条数据开始(设它为start),到第几条数据结束(设它为end)开始和结束位置都知道就好办了,只需要从后端返回的数据进行切割,拿到我们想展示的某部分数据,渲染到页面中就原创 2020-06-10 20:46:34 · 1235 阅读 · 0 评论