xiaoyu/txw
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 切换路由自动滚动到最顶部

Browse Source
This commit is contained in:
liulujian 2026-04-08 16:38:51 +08:00
parent b3a9601b5f
commit 012c48c5dd
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
txw-mhzc-web/src/pages/index/views/main.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<Nav @gotoIfreamPage="gotoIfreamPage" @gotoPage="gotoPage" /> <Nav @gotoIfreamPage="gotoIfreamPage" @gotoPage="gotoPage" />
<div :style="{ 'height': documentClientHeight-65 + 'px' ,'margin-top':'64px' ,'overflow':'auto'}"> <div ref="contentWrap" :style="{ 'height': documentClientHeight-65 + 'px' ,'margin-top':'64px' ,'overflow':'auto'}">
<iframe v-if="iframeUrl" :src="iframeUrl" width="100%" height="100%" frameborder="0" scrolling="yes"> <iframe v-if="iframeUrl" :src="iframeUrl" width="100%" height="100%" frameborder="0" scrolling="yes">
</iframe> </iframe>
<keep-alive v-else> <keep-alive v-else>
@ -24,6 +24,12 @@ export default {
components: { components: {
Nav, Nav,
}, },
watch: {
$route() {
// 切换路由时将内容容器滚动到顶部
this.$refs.contentWrap && (this.$refs.contentWrap.scrollTop = 0);
},
},
computed: { computed: {
// documentClientHeight: { // documentClientHeight: {
// get() { // get() {