App.vue 440 B

12345678910111213141516171819202122232425262728293031323334353637
  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>
  30. #app {
  31. padding: 0;
  32. margin: 0;
  33. height: 100%;
  34. }
  35. </style>