vue中keep-live使用click-outside

Jeffrrey 发布于2019-08-23 17:02 / 3391人阅读

摘要：但由于的原因，路由切换并不会注销这个所以只要你不点击绑定元素时，那么一直会触发这个事件。对性能影响不大应该不大，在中的也会一直触发这个事件。无奈，就在的生命周期函数中中通过杀出了这个绑定事件的元素，在中插入这个元素

页面,在这里已经定义了自定义指令，click-outside,既点击指令绑定元素的外部触发

这里就有一个问题了，当元素绑定了click-outside 之后，那么只有等元素注销才会将这个指令注销掉。
但由于keep-alive 的原因，路由切换并不会注销这个route-view,所以只要你不点击绑定out-side元素时，那么一直会触发这个事件。
对性能影响不大（应该不大），在element-ui中的el-dropdown 也会一直触发这个事件。
在项目中我在out-side中一直console.log了一个字符串，不管页面怎么切换，只要有out-side指令的页面没有注销，那么不管你点击哪里都会触发这个事件。
一直console.log，这个就令人有点不舒服了。为了工作的舒适性，我搜索了这个问题，发现除了注销元素，就没有其他方法了。
无奈，就在keep-alive的生命周期函数中deactivated中通过杀出了这个绑定事件的元素，在activated中插入这个元素

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/103699.html

web技术分享| LRU 缓存淘汰算法

摘要：双向链表用于管理缓存数据结点的顺序，新增数据和缓存命中最近被访问的数据被放置在结点，尾部的结点根据内存大小进行淘汰。了解 LRU 之前，我们应该了解一下缓存，大家都知道计算机具有缓存内存，可以临时存储最常用的数据，当缓存数据超过一定大小时，系统会进行回收，以便释放出空间来缓存新的数据，但从系统中检索数据的成本...

graf 2021-11-24 09:39 评论0 收藏0
Go 爬虫之 HTTP 请求 QuickStart

摘要：即是发送请求的客户端，请求的执行都是由发起。响应信息执行请求成功，如何查看响应信息。提交文件文件提交应该是请求中较为复杂的内容了。主要涉及两部分内容，即读取响应的与设置请求的。的包中请求是不重定向的，但测试结果显示的是自动重定向的。前几天在知乎想法谈到了一个话题，如何模仿学习，举了通过 net/http client 模仿 Pyhton 的requests的例子。但并未实践，难道...

antyiwei 2019-07-31 11:31 评论0 收藏0
关于Vue2一些值得推荐的文章 -- 五、六月份

摘要：五六月份推荐集合查看最新的请点击集前端最近很火的框架资源定时更新，欢迎一下。苏幕遮燎沈香宋周邦彦燎沈香，消溽暑。鸟雀呼晴，侵晓窥檐语。叶上初阳乾宿雨，水面清圆，一一风荷举。家住吴门，久作长安旅。五月渔郎相忆否。小楫轻舟，梦入芙蓉浦。五、六月份推荐集合查看github最新的Vue weekly；请::点击::集web前端最近很火的vue2框架资源；定时更新，欢迎 Star 一下。苏...

sutaking 2019-08-02 15:17 评论0 收藏0
关于Vue2一些值得推荐的文章 -- 五、六月份

摘要：五六月份推荐集合查看最新的请点击集前端最近很火的框架资源定时更新，欢迎一下。苏幕遮燎沈香宋周邦彦燎沈香，消溽暑。鸟雀呼晴，侵晓窥檐语。叶上初阳乾宿雨，水面清圆，一一风荷举。家住吴门，久作长安旅。五月渔郎相忆否。小楫轻舟，梦入芙蓉浦。五、六月份推荐集合查看github最新的Vue weekly；请::点击::集web前端最近很火的vue2框架资源；定时更新，欢迎 Star 一下。苏...

khs1994 2019-08-23 18:08 评论0 收藏0