vue router切换 appmain 出现滚动条

当在Vue Router中切换页面并进入`appmain`组件时，如果新页面的内容高度大于`appmain`容器的高度，可能会导致`appmain`区域出现滚动条。这是因为默认情况下，路由切换会创建一个新的视图层，并将内容渲染到该层，如果没有设置好滚动处理，浏览器就会自动添加滚动条以适应内容。

解决这个问题通常有几种方式：

1. **固定`appmain`高度**：如果你能预知内容最大高度，可以在CSS中给`appmain`设置一个固定的最小高度，例如：

   .appmain {
     min-height: calc(100vh - 60px); /* 或者根据实际需要计算 */
     overflow-y: auto;
   }

2. **使用`.vue-router-view`替代**：Vue Router 2.x之后提供了一个自定义的指令`<router-view>`，你可以将其放在滚动区域内，而不是直接替换整个`appmain`。这样可以更好地控制滚动行为。

3. **动态高度调整**：如果内容高度不确定，可以考虑使用`v-if`或`v-show`配合`keep-alive`缓存已经加载过的组件，避免频繁渲染带来的滚动条问题。

4. **监听路由变化**：在`mounted`生命周期钩子中检查滚动位置，并根据内容高度调整`appmain`的样式。