小米五手机荣耀v10手机都会出现这个问题
切换页面代码如下
<template>
<scroll-view scroll-y="true" show-scrollbar="false" :scroll-top="scrollTop" @scroll="scroll">
<view v-for="(item,index) in dataList" :key="index" @tap="toPage(item)">
<text :class="{view1:true,green:item==pageIndex}">{{pageIndex==item}}</text>
</view>
</scroll-view>
</template>
<script>
import {
mapState,
mapMutations
} from 'vuex'
export default {
data() {
return {
dataList: [] ,
old: {
scrollTop: 0
}
};
},
computed: mapState(['pageIndex','scrollTop']),
created() {
console.log("left created---",this.pageIndex)
for (let i = 1; i < 10; i++) {
this.dataList.push("page"+i)
}
},
methods:{
...mapMutations(['setCurrentPage','setScrollTop']),
scroll(e) {
this.old.scrollTop = e.detail.scrollTop
},
toPage(item){
console.log(this.old.scrollTop+"--------"+this.scrollTop)
this.setScrollTop(this.old.scrollTop)
this.setCurrentPage(item)
uni.redirectTo({
url: `../${item}/${item}`
})
// ({
// url: `../${item}/${item}`
// })
}
}
}
</script>
<style>
.view1{
background-color: red;
height: 200rpx;
text-align: center;
line-height: 200rpx;
border-bottom-width: 1rpx;
}
.green{
background-color: green;
}
</style>