![](https://img-blog.csdnimg.cn/20190927151026427.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
文章平均质量分 74
平时遇到的bug,写的一些组件和demo
So 。
这个作者很懒,什么都没留下…
展开
-
echarts添加点击事件,事件重复触发问题
当给图表添加了点击事件后,数据重新渲染时,事件会多触发一次,若n渲染,则事件触发n次。解决方式:在渲染前先销毁点击事件const mychart = echarts.init(this.$refs.chart2);mychart.off('click');............mychart.on('click', function(param) { console.log(params)});...原创 2020-09-02 11:36:32 · 1095 阅读 · 0 评论 -
vue路由keep-alive的使用
vue中keep-alive使用注意几点主要用于保存当前的状态,可用于列表详情,浏览进度保存等当第一次页面访问的时候生命周期顺序为 create > mounted > activated > deactivated,下次再访问页面时从activated开始由于生命周期失效,若想数据重新渲染可以将数据存一份,或者直接将mounted/create的代码拷贝至activat...原创 2019-09-05 18:34:04 · 271 阅读 · 1 评论 -
v-router重复点击调试窗口报错问题
v-router重复点击调试窗口报错问题在router的index.js里面加入以下代码const originalPush = Router.prototype.pushconst push = (location) => { return originalPush.call(this, location).catch(err => err)}Router.prototype.push = push注意Router名,与import Router from 'vue-route原创 2020-08-23 08:42:10 · 141 阅读 · 0 评论 -
菜单跟随滚动内容进行滚动显示
原理为监听页面滚动事件,计算每个菜单容器clientHeight的高度和scollHeight高度,判断scollHeight是否已经大于容器位置的高度,若已达到了容器位置的高度则, 对应菜单则高亮显示。直接上代码:<div> <div class="container" ref="container"> <!--菜单栏位置--> <ul class="nav"> <li v-for="i i原创 2020-08-23 09:21:30 · 1212 阅读 · 1 评论