http://coding.dong.asia/tags/component/ Recent content in Component on Coding Hugo cn 京ICP备17034023号 © 2019 隨風揚 Wed, 15 Apr 2020 00:00:00 +0000 http://coding.dong.asia/wechat/refresh/ Wed, 15 Apr 2020 00:00:00 +0000 http://coding.dong.asia/wechat/refresh/ <p>最近，研究小程序的过程中，遇到一个问题：小程序的组件Component并没有的Page下拉监听事件：</p> <ul> <li>onPullDownRefresh 监听用户下拉动作</li> <li>onReachBottom 页面上拉触底事件的处理函数</li> </ul> <p>比如说，下面这样的结构：</p> <ul> <li>index page 引用search-head组件</li> <li>search-head component 引用search-list组件</li> <li>search-list component 显示列表数据 <img src="http://media.guoj.top/wechat/refresh.png" alt=""></li> </ul> <p>那如何才能刷新组件的列表呢：</p> <ol> <li>search-head提供搜索、翻页方法，传递数据给search-list。</li> <li>search-list组件只显示数据。</li> <li>page监听<code>onReachBottom</code>事件，然后调用search-head中的方法。</li> </ol> <h2 id="search-head">search-head</h2> <p>搜索头部组件，此组件内引用搜索列表组件。在这个组件内，实现搜索、翻页功能。通过组件将数据传递给子组件。</p>