mpvue <scroll-view> 动态设置scroll-top不起作用问题

存在的问题

如果默认设置scrollTop0,当滚动之后想实现回到顶部,再设置为0会发现不起作用

<template>
    <scroll-view scroll-y :scroll-top="scrollTop">
        ...
        <div class="button" @click="backToTop">回到顶部</div>
    </scroll-view>
</template>
<script>
export default {
    data() {
        return {
            scrollTop: 0
    },
    methods: {
        backToTop(){
            this.scrollTop = 0;
        },
    },
}
</script>

原因

数据两次一样,不会执行setData

解决方法

只需跟上次设置不一样就好了

<script>
export default {
    methods: {
        backToTop(){
            this.scrollTop = 10;
            this.scrollTop = 0;
        },
    },
}
</script>

推荐阅读更多精彩内容