• 欢迎来到我的博客
  • [email protected]

Vue 踩坑记录 + 小本本

学习笔记 tianlan 1年前 (2020-04-26) 776次浏览 0个评论 扫描二维码
文章目录[隐藏]

keep-alive

场景

使用 vue router,如果按下浏览器返回,返回到上页面,这个时候上一页面的 router view 组件会被重新构建, created 等生命周期钩子也会被再次执行

解决

使用 keep-alive 缓存 router view,这样返回上个页面,就是第一次构建出来的页面,不会再次构建

浏览器返回针对了 iframe

描述

如果一个 router view 中有 iframe,那么浏览器返回是针对 iframe 的返回,而不是针对 router view

解决

我们不直接改变 iframe 的 src,而是先删除旧的 ifame 节点,然后再创建一个新的插入

项目结构

Vue 踩坑记录 + 小本本

 

Vue 踩坑记录 + 小本本

生命周期

Vue 踩坑记录 + 小本本

当 vm.$mount() 空参时

//  在文档之外渲染并且随后挂载
var component = new MyComponent().$mount()
document.getElementById('app').appendChild(component.$el)

天蓝, 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:Vue 踩坑记录 + 小本本
喜欢 (2)
[[email protected]]
分享 (0)

您必须 登录 才能发表评论!