- 博客(19)
- 收藏
- 关注
原创 vue-element-admin解决三级目录的KeepAlive缓存问题(配置版)
vue-element-admin解决三级目录的KeepAlive缓存问题:①添加解决永远关不掉(TagsView上的关闭),会一直占用内存(可以给keep-alive设置一个最大缓存实例的个数,但不一定满足项目需求;如果该项目三级或以上的目录不多,就几个,那还能接受内存的占用)②转变Router配置解决Breadcrumb 面包屑多级关系不见了(如果该项目,无需“Breadcrumb 面包屑”同时最多三级(见方法二的“注意事项”),还可以接受。
2024-08-20 14:02:59 738
原创 vue-element-admin解决三级目录的KeepAlive缓存问题(详情版)
vue-element-admin解决三级目录的KeepAlive缓存问题:①添加解决永远关不掉(TagsView上的关闭),会一直占用内存(可以给keep-alive设置一个最大缓存实例的个数,但不一定满足项目需求;如果该项目三级或以上的目录不多,就几个,那还能接受内存的占用)②转变Router配置解决Breadcrumb 面包屑多级关系不见了(如果该项目,无需“Breadcrumb 面包屑”同时最多三级(见方法二的“注意事项”),还可以接受。
2024-08-20 14:02:30 1103
原创 vue-element-admin——<keep-alive>不符合预期缓存的原因
① 路由配置上,“name” 属性配置不对,和组件的 name 不一致② 路由对应的组件自身的 name 选项未写③ 多级目录(嵌套路由)导致,三级和三级以上不能缓存
2024-08-17 11:39:11 1002
原创 开发应该理清的vue2的生命周期(二)——$nextTick在生命周期的触发时机
本文章,将延续前篇文章[ 开发应该理清的vue2的生命周期(一) ]的测试代码的风格,看看“$nextTick在生命周期的触发时机”。
2024-08-17 11:32:36 910
原创 开发应该理清的vue2的生命周期(一)——watch在生命周期的触发时机2
本文章,将通过本身组件的“created”和“mounted”生命周期。本组件在“created”和“mounted”生命周期改变了本组件的data值。子组件监听该data值,同时设置immediate为true。然后,看看watch在生命周期的触发时机。
2024-07-07 17:10:08 941
原创 开发应该理清的vue2的生命周期(一)——watch在生命周期的触发时机1
本文章,将通过vue2父组件和子组件的“created”和“mounted”生命周期。父子组件通过props传值,父组件在“created”和“mounted”生命周期改变了传给子组件的props值。子组件监听该props值,同时设置immediate为true。然后,看看watch在生命周期的触发时机。
2024-07-07 17:05:44 760
原创 移动端Rem布局适配下,出现部署后border不见问题
“为什么移动端设置的border不见了”,回答是:“部分低版本安卓手机不显示1px以下的像素”
2024-06-21 17:28:33 929
原创 Vue2实现关闭新打开的填报页面,刷新旧页面表格数据
案例:旧页面是填报表格(包含状态:比如待填报、已填报),点击“填报”按钮后,跳转到新页面进行信息填报。填报完成,点击新页面的“填报完成”按钮后,刷新旧页面的表格请求(刷新后,新请求回的表格数据的状态变为“已填报”),关闭新页面。
2024-06-21 15:46:54 1338
原创 带你了解Vue2和Vue3区别(三)——Vue3的组合式API
组合式 API (Composition API) 是一系列 API 的集合,是函数的形式书写Vue组件。包括setup(),响应式API,生命周期钩子,依赖注入。
2024-03-29 15:21:59 875 1
原创 带你了解Vue2和Vue3区别(二)——Vue2的选项和Vue3的选项式API的区别
在状态选项上,Vue3没了Vue2的propsData,但多了emits和expose。
2024-03-27 16:28:23 445
原创 带你了解Vue2和Vue3区别(一)——Vue和Vue实例属性和方法
vue2的Vue为构造函数,而vue3的Vue为对象。在创建一个实例和挂载上vue3没了vue2的"el"选项,从而生命周期的初始阶段上有些变化。同时,vue3的实例方法“mount”没了vue2前面的"$"。
2024-03-27 16:20:28 836 1
原创 在 Vue.js 中使用:deep() 、::v-deep()、::v-deep、 /deep/还是>>>呢?
现在2024年了,关于Vue的深度选择器(“样式穿透”——不知道谁创造的词)的使用建议该更新了。vue2:建议使用::v-deep,vue3:建议使用:deep()。
2024-02-29 23:19:58 1341
原创 带你读懂防抖和节流
debounce:将一些突发事件(如击键)分组为一个事件。throttle:保证每X毫秒执行一次的恒定流量。就像每隔200毫秒检查一次滚动位置以触发CSS动画一样。requestAnimationFrame:一个节流的替代方案。当您的函数在屏幕上重新计算和渲染元素,并且您希望保证平滑的更改或动画时。注意:不支持IE9。以上总结来自推荐阅读,再次强烈推荐阅读。
2023-10-27 11:17:04 47
原创 带你读懂Ajax
异步 JavaScript 和 XML,或 Ajax 本身不是一种技术,而是一种将一些现有技术结合起来使用的,包括:HTML 或 XHTML、CSS、JavaScript、DOM、XML、XSLT、以及最重要的 XMLHttpRequest 对象。
2023-07-27 14:32:34 103 1
计算机网络思维导图Xmind
2023-10-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人