<loading>
为容器提供上拉加载功能。
::: warning 注意
<loading>
是 <scroller>
、<list>
、<waterfall>
的子组件,只能在被它们包含时才能被正确渲染。 :::<scroller> <div v-for="num in lists"> <text>{{num}}</text> </div> <loading> <text>Loading</text> </loading> </scroller>
<text>
、<image>
之类的任何组件,都可以放到 <loading>
进行渲染。<loading-indicator>
: 作为 <refresh>
和 <loading>
的子组件使用,则拥有默认的动画效果实现。<loading> <text>Loading</text> <loading-indicator></loading-indicator> </loading>
<loading-indicator>
: 作为独立组件使用时,通过animating
属性控制动画状态。示例display
<loading>
组件显示、隐藏。display
的设置必须成对出现,即设置 display="show"
,必须有对应的 display="hide"
。可选值为 show / hide
,默认值为 show
。loading
事件:当 <scroller>
、<list>
、<waterfall>
被上拉完成时触发。
<loading @loading="onloading" :display="loadinging ? 'show' : 'hide'"> <text>Loading ...</text> <loading-indicator></loading-indicator> </loading>