300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > vue进入一个新页面时返回本页面滚动条高度保持原来位置

vue进入一个新页面时返回本页面滚动条高度保持原来位置

时间:2023-06-25 09:06:45

相关推荐

vue进入一个新页面时返回本页面滚动条高度保持原来位置

vue进入一个新页面时返回本页面滚动条高度保持原来位置

问题解决

问题

有时候选项很多时并且单个选项文字很多时使用下拉选项的组件就不合适了,这时就需要打开一个页面把选项列出来,用户选完后再返回原来的页面把值回填,但是发现返回时就直接置顶了。

解决

<div id="box" ref="Box" :style="'height:'+ statusBarHeight +'px' " class="aui-content">......</div>

data () {return {scrollTop: '', /*保存当前滚动条*/}},

watch: {$route: {handler: function (val, oldVal) {if (oldVal.path === '/admissionServices/chooseArea') {/*给滚动条赋值*/eventHub.$on('chooseAreaChange', this.chooseArea)this.$refs.Box.scrollTop = this.scrollTop} else {this.scrollTop = this.$refs.Box.scrollTop /*保存当前滚动条位置*/}},// 深度观察监听deep: true}},

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。