| 12345678910111213141516171819202122232425262728 |
- <template>
- <div id="">
- <el-tabs v-model="activeName">
- <el-tab-pane label="导航菜单" name="1">
- <page1 v-if="activeName == '1'"/>
- </el-tab-pane>
- <el-tab-pane label="页头" name="2">
- <page2 v-if="activeName == '2'"/></el-tab-pane>
- <el-tab-pane label="页尾" name="3"></el-tab-pane>
- </el-tabs>
- </div>
- </template>
- <script>
- import page1 from "./page1.vue";
- import page2 from "./page2.vue";
- export default {
- components: { page1,page2 },
- data() {
- return {
- activeName: "2",
- };
- },
- methods: {},
- };
- </script>
- <style lang="scss" scoped></style>
|