v2.4.0 "10.24"

Happy Programmer's Day!

This version contains some notable changes and a lot of new features, you may need to spend some time reading them, I believe these changes can help you build application more easily :)

Notable changes

• Deprecate the $InfiniteLoading:reset event, use identifier property instead, because it is not a elegant way that getting the instance and communicate via event. Since this verison, the InfiniteLoading component will be reset whenever the identifier property is changed, so you can change your reset logic like this:

<template>
  <!-- ... -->
  <infinite-loading :identifier="infiniteId"></infinite-loading>
  <!-- ... -->
</template>
<script>
export default {
  data() {
    return { identifier: +new Date() };
  },
  methods: {
    reset() {
      this.identifier += 1; // or any expression can change identifier value
    },
  },
};
</script>

New

• The scroll height will be save and restore automatically when the direction is set to top, it means we can create a top-direction infinite scroll list out of the box!
• Support configure default values of props, default contents of slots and default system settings via the plugin API, read more
• Add a new status named error to control message display when loading error, read more
• A full-new documentation website, powered by Vuepress

Improvements

• To avoid inherit styles when configure complex load message via slot special attr, read more
• Better logger system, only output error message in production