关于vue单页面返回上一路由时在ios上mounted不执行的问题

本人在做一个单页面的移动端网页时遇到的这个问题。在详情页填入数据提交后,返回上一页安卓端的mounted钩子函数执行了,但是在ios上并没有执行,查阅了部分资料,一下是解决方法。

利用的是keep-alive这个vue的内置标签。
keep-alive 是 Vue 内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染。使用keep-alive包裹住项目之后生命周期就多了两个钩子函数activated和deactivated。这个时候可以把mounted中的函数放在deactivated中,就可以实现返回页面的时候ios上的数据也刷新了


posted @ 2021-05-28 17:12  布偶123  阅读(1236)  评论(0编辑  收藏  举报