index.vue 614 B

12345678910111213141516171819202122232425262728
  1. <template>
  2. <div id="">
  3. <el-tabs v-model="activeName">
  4. <el-tab-pane label="导航菜单" name="1">
  5. <page1 v-if="activeName == '1'"/>
  6. </el-tab-pane>
  7. <el-tab-pane label="页头" name="2">
  8. <page2 v-if="activeName == '2'"/></el-tab-pane>
  9. <el-tab-pane label="页尾" name="3"></el-tab-pane>
  10. </el-tabs>
  11. </div>
  12. </template>
  13. <script>
  14. import page1 from "./page1.vue";
  15. import page2 from "./page2.vue";
  16. export default {
  17. components: { page1,page2 },
  18. data() {
  19. return {
  20. activeName: "2",
  21. };
  22. },
  23. methods: {},
  24. };
  25. </script>
  26. <style lang="scss" scoped></style>