mino

关于项目中滚动条保存的问题。

2

对于阅读类的项目，其实有一个很重要的功能，就是返回页面时，能够回到离开时的地方，方便我们继续上次的阅读。所以我就将自己的解决方案写出来，如果小伙伴有更好的解决方案欢迎分享。 ## 思路 在vue-router中有一个`scrollBehavior`的[API](https://router.vuejs.org/zh-cn/advanced/scroll-behavior.html)，但是它只允许在`mode`为`history`的模式下使用。因为`history`需要一些后端的配置效果会好一些，所以我这里就不用它。 其实主要思路很简单，就是在页面离开时保存它的位置，在页面返回的时候设置为保存下来的位置就可以了。 1. 首先考虑将位置的信息存储在哪里： 存储的方式挺多，可以是vuex、Storage...(一开始用路由元信息，但觉得不合适，因为元信息都和描述文档有关系，自己也不是很明白，希望有小伙伴帮忙解答)。我最后选择了vuex 2. 通过afterEach钩子，在页面离开时，触发mutation事件，保存页面的位置。 3. 同样在afterEach钩子中设置目标页面的位置为保存的值。 ## 实现 路由 ``` // App.vue ... ... ``` 设置一个值来保存坐标 ```js // store { state: { ... positions:...

多组件引入的时候报错

8

```js [ ["component", {"libraryName": "library1", "styleLibraryName": "styles"}], ["component", {"libraryName": "library2", "styleLibraryName": "styles"}] ] ``` ```js import { component } from "library2" // 会报 library1/lib/component 找不到 ```