<template>
<view class="content">
<scroll-view scroll-y="true" :scroll-into-view="toView" style="height: 300px;">
<view v-for="(item,index) in content" :key='index' :id='"text"+index'>{{item}}</view>
</scroll-view>
<button type="primary" @tap="scroll">跳</button>
</view>
</template>
<script>
export default {
data() {
return {
content: ["珍珠奶茶", "鲜百香双响炮", "奶茶三兄弟", "珍珠奶茶", "鲜百香双响炮", "奶茶三兄弟", "珍珠奶茶", "鲜百香双响炮", "奶茶三兄弟", "珍珠奶茶", "鲜百香双响炮",
"奶茶三兄弟", "珍珠奶茶", "鲜百香双响炮", "奶茶三兄弟", "珍珠奶茶", "鲜百香双响炮", "奶茶三兄弟", "珍珠奶茶", "鲜百香双响炮", "奶茶三兄弟", "珍珠奶茶", "鲜百香双响炮",
"奶茶三兄弟", "珍珠奶茶", "鲜百香双响炮", "奶茶三兄弟", "珍珠奶茶", "鲜百香双响炮", "奶茶三兄弟", "珍珠奶茶", "鲜百香双响炮", "奶茶三兄弟", "珍珠奶茶", "鲜百香双响炮",
"奶茶三兄弟", "珍珠奶茶", "鲜百香双响炮", "奶茶三兄弟", "珍珠奶茶", "鲜百香双响炮", "奶茶三兄弟", "珍珠奶茶", "鲜百香双响炮", "奶茶三兄弟", "珍珠奶茶", "鲜百香双响炮",
"奶茶三兄弟", "珍珠奶茶", "鲜百香双响炮", "奶茶三兄弟", "珍珠奶茶", "鲜百香双响炮", "奶茶三兄弟", "珍珠奶茶", "鲜百香双响炮", "奶茶三兄弟", "珍珠奶茶", "鲜百香双响炮",
"奶茶三兄弟", "珍珠奶茶", "鲜百香双响炮", "奶茶三兄弟", "珍珠奶茶", "鲜百香双响炮", "奶茶三兄弟", "珍珠奶茶", "鲜百香双响炮", "奶茶三兄弟", "珍珠奶茶", "鲜百香双响炮",
"奶茶三兄弟"
],
toView: '',
num:0 //动态模拟需要跳到的位置
}
},
onLoad() {
},
methods: {
scroll() {
this.num=0
this.$nextTick(()=> {
this.toView = "text" + this.num
console.log(this.intoindex)
});
// this.toView=''
this.num=0//不清空再次跳到锚点位置会不起作用
setTimeout(()=>{
this.abc=0
this.$nextTick(()=> {
this.toView = "text" + this.abc
console.log(this.toView)
});
this.toView=''
this.abc=0
this.$set(this,'abc',0)
},100)
},
}
}
</script>
<style>
</style>
2042

被折叠的 条评论
为什么被折叠?



