{"remainingRequest":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\源码\\vue-element-admin-master\\src\\views\\tab\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\views\\tab\\index.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBUYWJQYW5lIGZyb20gJy4vY29tcG9uZW50cy9UYWJQYW5lJwoKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICdUYWInLAogIGNvbXBvbmVudHM6IHsgVGFiUGFuZSB9LAogIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICB0YWJNYXBPcHRpb25zOiBbCiAgICAgICAgeyBsYWJlbDogJ0NoaW5hJywga2V5OiAnQ04nIH0sCiAgICAgICAgeyBsYWJlbDogJ1VTQScsIGtleTogJ1VTJyB9LAogICAgICAgIHsgbGFiZWw6ICdKYXBhbicsIGtleTogJ0pQJyB9LAogICAgICAgIHsgbGFiZWw6ICdFdXJvem9uZScsIGtleTogJ0VVJyB9CiAgICAgIF0sCiAgICAgIGFjdGl2ZU5hbWU6ICdDTicsCiAgICAgIGNyZWF0ZWRUaW1lczogMAogICAgfQogIH0sCiAgd2F0Y2g6IHsKICAgIGFjdGl2ZU5hbWUodmFsKSB7CiAgICAgIHRoaXMuJHJvdXRlci5wdXNoKGAke3RoaXMuJHJvdXRlLnBhdGh9P3RhYj0ke3ZhbH1gKQogICAgfQogIH0sCiAgY3JlYXRlZCgpIHsKICAgIC8vIGluaXQgdGhlIGRlZmF1bHQgc2VsZWN0ZWQgdGFiCiAgICBjb25zdCB0YWIgPSB0aGlzLiRyb3V0ZS5xdWVyeS50YWIKICAgIGlmICh0YWIpIHsKICAgICAgdGhpcy5hY3RpdmVOYW1lID0gdGFiCiAgICB9CiAgfSwKICBtZXRob2RzOiB7CiAgICBzaG93Q3JlYXRlZFRpbWVzKCkgewogICAgICB0aGlzLmNyZWF0ZWRUaW1lcyA9IHRoaXMuY3JlYXRlZFRpbWVzICsgMQogICAgfQogIH0KfQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;AAeA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/tab","sourcesContent":["<template>\n <div class=\"tab-container\">\n <el-tag>mounted times ：{{ createdTimes }}</el-tag>\n <el-alert :closable=\"false\" style=\"width:200px;display:inline-block;vertical-align: middle;margin-left:30px;\" title=\"Tab with keep-alive\" type=\"success\" />\n <el-tabs v-model=\"activeName\" style=\"margin-top:15px;\" type=\"border-card\">\n <el-tab-pane v-for=\"item in tabMapOptions\" :key=\"item.key\" :label=\"item.label\" :name=\"item.key\">\n <keep-alive>\n <tab-pane v-if=\"activeName==item.key\" :type=\"item.key\" @create=\"showCreatedTimes\" />\n </keep-alive>\n </el-tab-pane>\n </el-tabs>\n </div>\n</template>\n\n<script>\nimport TabPane from './components/TabPane'\n\nexport default {\n name: 'Tab',\n components: { TabPane },\n data() {\n return {\n tabMapOptions: [\n { label: 'China', key: 'CN' },\n { label: 'USA', key: 'US' },\n { label: 'Japan', key: 'JP' },\n { label: 'Eurozone', key: 'EU' }\n ],\n activeName: 'CN',\n createdTimes: 0\n }\n },\n watch: {\n activeName(val) {\n this.$router.push(`${this.$route.path}?tab=${val}`)\n }\n },\n created() {\n // init the default selected tab\n const tab = this.$route.query.tab\n if (tab) {\n this.activeName = tab\n }\n },\n methods: {\n showCreatedTimes() {\n this.createdTimes = this.createdTimes + 1\n }\n }\n}\n</script>\n\n<style scoped>\n .tab-container {\n margin: 30px;\n }\n</style>\n"]}]}
|
