<p>In most cases, we hope load data immediately for the empty list, it is also the default behavior of this component. And if you only want to control the first load, you can simply use the <code>v-if</code> and <code>v-else</code> directive to implement it:</p>

<pre v-highlightjs>

...

&lt;button @click=&quot;isTriggerFirstLoad = true&quot; v-if=&quot;!isTriggerFirstLoad&quot;&gt;Load more&lt;/button&gt;

&lt;infinite-loading v-else&gt;&lt;/infinite-loading&gt;

...</pre>

<p>And in some complex cases, for example, we need to load data manually every three pages, we can use the following workaroung to implement it:</p>