我是一名后端,前端半吊子,最近有个项目是将一个静态的 web 项目转成 vue 版本
这个项目引用了大量的第三方 js 和 css ( bootstrap、jQuery、以及很多 jQuery 插件等)
我一开始是想把这些 js 全部转成 vue 版本的,但是发现很多在 npm 上没有,以及要改的东西太多,于是就直接在 index.html 里引用了它用到的所有 js 和 css,然后基本上也没什么问题,能正常运行
因为该项目首页的轮播图以及很多排版效果,都是通过 js 来实现的,看了下源代码主要是在
$(window).on('load' 和 $(document).ready 这个两个函数里
现在的问题第一次加载的时候各种排版及效果正常,当点到其他页面再通过 router-link 回来或者是浏览器的 back 回来排版就不正常了
我现在将首页的链接的 router-link 改成了 a 标签 href="/",相当于每次进来都直接刷新,可以解决这个问题
但是浏览器的 back 不知道怎么解决?
其他页面我看了下也有类似的问题,不过代码量都很小,我可以直接将其改成 vue 版本,唯独首页的太多了