uniapp前端开发实现 嵌入H5 plus.webview.create实现页面下拉刷新

在uniapp中实现H5页面下拉刷新，可以通过以下步骤：

1. 在`<template>`标签中添加`<web-view>`组件，并设置其id和src属性。

<web-view id="web-view" src="http://example.com"></web-view>

2. 在`<script>`标签中，获取`web-view`的实例，并为其添加下拉刷新事件监听器。

export default {
    mounted() {
        let webview = plus.webview.getWebviewById('web-view');
        let pullRefresh = false;
        webview.addEventListener('dragBounce', function() {
            if(!pullRefresh) {
                pullRefresh = true;
                webview.evalJS("mui('#pullrefresh').pullRefresh().pulldownLoading()");
            }
        }, false);
    }
}

3. 在H5页面中，使用mui框架实现下拉刷新效果。在页面中添加一个id为`pullrefresh`的div，并在js中初始化下拉刷新。

<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
    <div class="mui-scroll">
        <!-- 页面内容 -->
    </div>
</div>

mui.init({
    pullRefresh: {
        container: '#pullrefresh',
        down: {
            callback: function() {
                // 下拉刷新回调函数
            }
        }
    }
});

这样，在`<web-view>`组件中嵌入H5页面后，用户下拉页面即可触发下拉刷新效果。当下拉距离达到一定程度时，会触发`dragBounce`事件，此时通过`evalJS`调用H5页面中的下拉刷新函数来实现下拉刷新。