全局加载


何时使用

  • 需要全局loading

代码演示

CleanShot 2021-01-14 at 11.25.25.gif

基本

  1. <template>
  2. <div>
  3. <a-button type="primary" @click="show" style="margin-right: 20px">show</a-button>
  4. <a-button type="primary" @click="hide">hide</a-button>
  5. </div>
  6. </template>
  7. <script>
  8. export default {
  9. data() {
  10. return {};
  11. },
  12. methods: {
  13. show() {
  14. this.$YSpin.show();
  15. setTimeout(() => {
  16. this.$YSpin.hide();
  17. }, 3000);
  18. },
  19. hide() {
  20. this.$YSpin.hide();
  21. },
  22. }
  23. }
  24. </script>

API


事件