![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
渐墨深
这个作者很懒,什么都没留下…
展开
-
【vue】ios11.4及以下版本后退页面不刷新,onpageshow方法无效
在做H5页面的时候,遇到一个很奇怪的问题,测试告诉在他的ipad上购买成功后返回页面不刷新。我:???测试了多个设备,发现在ios版本的11.4及ios8的ipad上,怀疑是系统版本问题。项目是基于vue的, 但是不是单页面应用,页面之前之间都是使用location.href跳转的。charles抓包显示在页面打开的时候根本没有调用接口?多方百度,都说使用onpageshow方法。...原创 2020-01-06 16:06:48 · 2672 阅读 · 0 评论 -
【Vue】 vue项目重构为typescript遇到的一些坑
当按照各种教程操作的时候,会遇到很多小问题。如在改写App.vue的时候,错误:client?7d67:159 ./src/App.vueModule Error (from ./node_modules/_eslint-loader@2.2.1@eslint-loader/index.js):]50;CurrentDir=/Users/chenjing/Desktop/pro/...原创 2019-08-24 22:27:29 · 1415 阅读 · 0 评论 -
【Vue】 使用vuex 封装一个toast 组件
使用vuex进行状态管理,使用css控制toast的显示。type表示toast中的图标,可以自定义添加多种图标,例子中只设置了normal与success,通过showToast控制toast的css的fadin和fadeout类,通过css的动画效果实现toast逐渐消失的效果//toast.components<template> <div class...原创 2019-07-25 23:27:40 · 614 阅读 · 0 评论 -
【Vue】自定义loadmore指令实现下拉加载更多
使用自定义指令loadmore,实现下拉加载更多。首先是loadmore.js, el 为绑定的元素,通过el.scrollHeight - el.offsetHeight === el.scrollTop判断滚动条到达底部,这里引入了loadsash实现节流,以免每一次滚动到底部都加载数据(手抖或故意滚动),加入flag字段,控制首次触底后直接执行,后续的触底至少间隔一秒,不介意第一次会慢一...原创 2019-07-25 23:09:52 · 6399 阅读 · 0 评论 -
【VUE】实现自适应页面、内容不等、高度保持一致的跑马灯
遇到一个问题,在一个自适应页面中做跑马灯,因为内容高度有差异,如果采用常规的v-if显示对应的卡片,那么跑马灯的高度会在切换过程中发生变化,所以将内容横排,使用scroll的方式,滚动卡片,这样整个卡片的高度就以内容最多的卡片为准了。具体实现:跑马灯组件的template如下所示,上半部分为内容展示,下半部分为切换按钮,当鼠标进入的时候卡片悬停,鼠标离开时卡片继续切换。展示内容由父组件传...原创 2019-10-11 11:11:39 · 1717 阅读 · 0 评论