关于vue的keep-alive问题

Question

界面如下：

我想要的效果：
无论选项卡怎么切换，保持滚动条位置

现在的问题
假如在“首页”滚到最底部，我切换到别的选项卡为什么依然是底部，我不想这样。

`<div class="">
    <!-- header -->
    <ul class="ul">
        <li @click="status = 'index'">首页</li>
        <li @click="status = 'news'">新闻</li>
        <li>NBA</li>
        <li>游戏</li>
    </ul>
    <!-- main -->
    <keep-alive>
        <list v-if="status=='index'"></list>
        <news v-if="status=='news'"></news>
    </keep-alive>
</div>

import list from '@/components/test/list'
import news from '@/components/test/news'
`

Answer 1

vue-router scrollBehavior (to, from, savedPosition) {
return { x: 0, y: 0 };
}

Answer 2

window.scrollTo(0, 0)

Answer 3

选项卡切换事件里面自己做一下咯