vuejs
文章平均质量分 50
陈2荣
这个作者很懒,什么都没留下…
展开
-
详解keep-alive + vuex 让缓存的页面灵活起来
引入在使用vue + vue-router开发SPA的时候,有没有遇到过这样的情况:当我们在列表页和详情页之间切换的时候,如果列表页不做缓存,会导致每次从详情页返回时,列表页都会重新加载。如下图:细心的朋友已经发现了,当从详情页返回列表页的时候,列表页重载了,这样的体验显然不好,这时我们可以对列表页进行缓存处理。keep-alive实现页面缓存我们的项目不一定所有页面都需要做缓存处理,所以这里介绍两种按需缓存的方法:方法一:首先在定义路由的时候配置 meta 字段,自定义一个Ke转载 2022-02-22 13:57:37 · 717 阅读 · 0 评论 -
h5页面转PDF下载(包括pc端和移动端)
前情:需要在app内嵌的weixin项目将页面转成PDF并下载。使用技术:html2canvas插件 + jspdf插件实现思路:1)将h5页面用canvas画成图片 2)利用jspdf将图片插入pdf文件并下载缺点:生成的pdf是由图片拼接而成的,不能实现复制实现版本: 第一版:将h5页面转成一张长图,再根据A4值的高度将长图截成多个页面 缺点:使用起来不灵活。没办法在每个页面上插入页眉页脚 实现代码...原创 2021-11-10 19:09:37 · 5396 阅读 · 0 评论 -
Promise和Async await讲解
原创 2020-07-15 16:16:37 · 123 阅读 · 0 评论 -
vue移动端长按事件实现的几种方法总结
在vue中长按事件并没有封装,在使用的时候需要我们自己取写一个方法获取长按事件。方法一:使用@touchstart,@touchend,start (){clearTimeout(this.loop);//再次清空定时器,防止重复注册定时器this.loop=setTimeout(()=>{ console.log("长按了");},1000);},end (){clearTim...转载 2020-06-23 23:59:28 · 2127 阅读 · 0 评论 -
Vue中如何实现为单独页面设置背景色
下面我就为大家分享一篇Vue-cli中为单独页面设置背景色的实现方法,具有很好的参考价值,希望对大家有所帮助。例子: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <template> <p class="finish-wrap"> <p class="fi...原创 2020-06-26 08:46:46 · 3523 阅读 · 2 评论