App.vue 526 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <template>
  2. <div id="app">
  3. <router-view v-if="refresh" />
  4. </div>
  5. </template>
  6. <script>
  7. export default {
  8. name: "App",
  9. provide(){
  10. return {
  11. reload:this.reload
  12. }
  13. },
  14. data() {
  15. return {
  16. refresh: true, //控制整个页面刷新
  17. };
  18. },
  19. methods: {
  20. reload() {
  21. this.refresh = false;
  22. this.$nextTick(() => {
  23. this.refresh = true;
  24. });
  25. },
  26. },
  27. };
  28. </script>
  29. <style lang="less">
  30. html,
  31. body {
  32. height: 100%;
  33. margin: 0;
  34. #app {
  35. height: 100%;
  36. }
  37. }
  38. </style>