- 博客(8)
- 收藏
- 关注
RSS订阅转载 vue路由中使用keep-alive 以及activated和deactivated 钩子
本次只是记录下开发中碰到的问题。 最近做一个活动页面，涉及到角色和权限的问题，需要跳转很多页面，于是vue-router走起，顺便keep-alive也用起来了，嗯，跳转的很爽，但是一个详情页面组件，被两个路由组件引用了，此时发现有一个路由在调用详情组件时没有按需求刷新，并且已经在keep-alive上设置了exclude，调试了半天不能解决问题，就用最笨的办法，把一个相同的页面写在两...
2019-09-28 22:59:00
332
转载 vue性能优化
其实性能优化呢是个非常大的话题，只是自己在工作中确实会碰到一下，页面加载慢呢，一部分是逻辑问题，一部分是网络问题，还有就是确实数据太多，dom元素太多了。 在网上搜索vue长列表渲染，推荐的方案有Object.freeze() ,后来呢，看到黄轶大神的解答，就是说可以把那些只用于展示的，并且比较长的列表数据，在crated钩子中绑定到this身上，不一定需要写在data里面， ...
2019-09-19 23:53:00
121
转载 vue中 transition组件使用总结
博客园比较啃爹啊，随笔只能手写，之前写在有道云笔记里面的内容也复制不了，忧伤..... 长话短说，看官方的transition 的讲解，可能是内容太多了，或者就是本人太辣鸡了，看的有点懵逼，但是项目中有需要使用，套用了官方的例子，勉强算是完成了想要的效果， 回过头来总结一波还是有必要的，，刚开始看到有6个属性的时候，我是拒绝的，纳尼，6个，这谁顶得住啊，不过好在有一张图，一图胜千言呐...
2019-09-18 23:34:00
215
转载 vue中生命周期
1，说器生命周期，总觉得有熟悉，又陌生，直到看到一道面试题，问父子组件的生命周期的执行顺序，我擦，真没太注意啊，不知道。 2，网上搜了一下，说法是有点像洋葱圈的形式，由外到内，在到外，因为就像一个盒子包着另一个盒子，从这个盒子中穿过去，肯定是外=》内=》外 了 3，生命周期中的destory和beforeDestory这两钩子，不是很清楚在什么情况下会执行， 1，比如 A,引入...
2019-09-16 23:05:00
73
转载 vue中使用剪切板插件 clipboard.js
vue中使用剪切板需要借助一个插件，clipboard，使用方法还是很简单的，先下载，然后引入： npm i clipboard -S //引入 import Clipboard from 'clipboard'; 下面就是使用了，比如说，比较常见的是，上面一行文字，下面有一个复制的按钮， <p id="share-code">{{init.code}}&l...
2019-09-16 22:52:00
182
转载 vue中使用vue-qrcode生成二维码
要使用二维码，引入一个包就可以了，使用非常简单，话不多说，看代码吧 //1，引入， import VueQrcode from '@xkeshi/vue-qrcode'; Vue.component(VueQrcode.name, VueQrcode); //2，使用： <div id="qrcode">二维码位置</div> &l...
2019-09-16 22:47:00
766
转载 h5中嵌入视频自动播放的问题
在H5页面中嵌入视频的情况是比较多件的，有时候会碰到需要自动播放的情况，之前根本觉得这不是问题，但是自己的项目中需要视频的时候就有点sb了，达不到老板的要求，那个急呀~~~ 各种查资料，找到一个方法，记录一下。核心是监听了canplaythrough事件，然后自己去让视频play()。 在这个过程中还发现，ios和安卓不一样，安卓上需要设置muted才能自动播放，ios没...
2019-09-16 22:42:00
1200
转载 vue组件间通信方式
平时工作中使用vue比较多，那么组件之间通信的方式有好几种，在此总结一下。 1，父子组件之间 1.1，子传父，通过$emit发送事件，然后父组件通过$on来接收事件 1.2，其实还有一种情况，父传子也可以通过$emit来传递，不过呢这个有一点点特殊，可以参考如下代码，下面就是父组件向子组件传递事件的情况，这个还需要制定组件名称 <template&g...
2019-09-16 22:26:00
75
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人