uniappscroll-view触底加载

在Uniapp中，可以使用scroll-view组件来实现触底加载。首先，在子组件外部添加scroll-view组件，并设置scroll-y="true"来允许纵向滚动。同时，需要给scroll-view一个固定高度，可以通过设置class来设置高度。然后，在methods方法中，编写触底加载的业务逻辑，可以使用@scrolltolower来监听滚动到底部的事件。具体代码如下：

<scroll-view @scrolltolower="lowerBottom" scroll-y="true" class="scrollHeight">
    <!-- 这里包含的是组件内容 -->
</scroll-view>

methods: {
    lowerBottom() {
        console.log("触底加载");
        // 在这里编写触底加载的业务逻辑
    }
}

<style>
.scrollHeight {
    height: 100vh;
}
</style>

这样，当scroll-view滚动到底部时，触底加载的函数lowerBottom就会被调用。

需要注意的是，uniapp中的scroll-view触底加载与微信小程序中的触底加载方式有所不同，需要按照vue的方式来改写。

相关问题

uniapp scroll-view上拉加载

的实现方式是什么？

答：在uniapp中，可以通过监听scroll-view的scrolltolower事件，在该事件触发时执行上拉加载的逻辑，例如请求数据并更新页面。另外，需要在scroll-view的属性中设置触底距离threshold来控制触底事件的触发时机。通过这种方式，可以实现scroll-view的上拉加载功能。