MainView.vue 858 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <script setup>
  2. import JtHeader from './components/header.vue';
  3. import modifyModule from './components/modifyPassword.vue';
  4. </script>
  5. <template>
  6. <!-- 顶栏容器 -->
  7. <!-- <JtHeader @handleSelect="handleSelect" /> -->
  8. <!-- 控制路由页面是否缓存 -->
  9. <router-view v-slot="{ Component }">
  10. <keep-alive>
  11. <component :is=" Component" v-if="$route.meta.keepAlive" />
  12. </keep-alive>
  13. <component :is="Component" v-if="!$route.meta.keepAlive" />
  14. </router-view>
  15. <!-- 修改密码 -->
  16. <modifyModule ref="modifyMoudle"></modifyModule>
  17. </template>
  18. <script>
  19. export default {
  20. name: 'MainView',
  21. /* 数据 */
  22. data() {
  23. return {}
  24. },
  25. /* 方法 */
  26. methods: {
  27. //修改密码弹出框事件
  28. modifyMoudle() {
  29. this.$refs.modifyMoudle.isshow = true
  30. },
  31. },
  32. mounted() {
  33. }
  34. }
  35. </script>
  36. <style lang="scss" scoped>
  37. </style>