- 博客(5)
- 收藏
- 关注
原创 解决使用keep-alive缓存的组件添加key后,热重载失效问题
在使用keep-alive缓存组件时,有些情况下,需要给组件添加key,如下<keep-alive> <component v-if="show" key="1"/></keep-alive>这时修改组件component,热重载常常不能成功,组件对应dom消失,页面空白;vue热重载使用的是vue-hot-reload-api,热重载基本分为两种情况rerender 只有template或者render函改变的情况下使用。reload 如果templ
2021-06-08 14:23:33
3143
原创 vue实现多标签页,并实现可拖动、可刷新的标签栏
文章目录前言标签栏组件vuex配置组件路由守卫使用组件前言最近用vue做后台管理,需要多标签页功能,模仿浏览器的标签栏,可拖动,右键菜单有关闭标签、刷新标签功能。网上相关教程很多,基本上就是用keep-alive缓存router-view,用include、exclude控制缓存,但我这里路由用的是异步加载的匿名组件,而且有可能多个路由共用一个组件,include、exclude不能匹配匿名组件。我网上翻阅了很多相关文章,最终找到了 Vue匿名组件使用keep-alive后动态清除缓存这篇文章。参考
2020-11-09 15:11:31
2536
原创 vue按需动态异步加载组件的几种方法
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2020-11-09 13:55:42
10155
原创 js线程遇到debug断点时, 会切换到gui线程
我在网页中增加动画效果时经常这样做<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body { background: lightblue; padding: 0; margin
2020-10-05 16:51:01
318
原创 vue滚动信息组件
vue滚动信息组件我想做一个vue滚动信息组件,网上找到的方案都不尽人意,最后决定自己用animation实现。<template> <div :class="[{'msg-content':animationActive}, scrollId]" ref="msg-content"> <template v-for="msg in msgList"> <div class="item" v-html='msg'></div&
2020-09-20 13:49:09
890
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人