{"remainingRequest":"D:\\源码\\vue-element-admin-master\\node_modules\\babel-loader\\lib\\index.js!D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!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\\babel.config.js","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:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkuY29uY2F0LmpzIjsKLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IFRhYlBhbmUgZnJvbSAnLi9jb21wb25lbnRzL1RhYlBhbmUnOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogJ1RhYicsCiAgY29tcG9uZW50czogewogICAgVGFiUGFuZTogVGFiUGFuZQogIH0sCiAgZGF0YTogZnVuY3Rpb24gZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIHRhYk1hcE9wdGlvbnM6IFt7CiAgICAgICAgbGFiZWw6ICdDaGluYScsCiAgICAgICAga2V5OiAnQ04nCiAgICAgIH0sIHsKICAgICAgICBsYWJlbDogJ1VTQScsCiAgICAgICAga2V5OiAnVVMnCiAgICAgIH0sIHsKICAgICAgICBsYWJlbDogJ0phcGFuJywKICAgICAgICBrZXk6ICdKUCcKICAgICAgfSwgewogICAgICAgIGxhYmVsOiAnRXVyb3pvbmUnLAogICAgICAgIGtleTogJ0VVJwogICAgICB9XSwKICAgICAgYWN0aXZlTmFtZTogJ0NOJywKICAgICAgY3JlYXRlZFRpbWVzOiAwCiAgICB9OwogIH0sCiAgd2F0Y2g6IHsKICAgIGFjdGl2ZU5hbWU6IGZ1bmN0aW9uIGFjdGl2ZU5hbWUodmFsKSB7CiAgICAgIHRoaXMuJHJvdXRlci5wdXNoKCIiLmNvbmNhdCh0aGlzLiRyb3V0ZS5wYXRoLCAiP3RhYj0iKS5jb25jYXQodmFsKSk7CiAgICB9CiAgfSwKICBjcmVhdGVkOiBmdW5jdGlvbiBjcmVhdGVkKCkgewogICAgLy8gaW5pdCB0aGUgZGVmYXVsdCBzZWxlY3RlZCB0YWIKICAgIHZhciB0YWIgPSB0aGlzLiRyb3V0ZS5xdWVyeS50YWI7CgogICAgaWYgKHRhYikgewogICAgICB0aGlzLmFjdGl2ZU5hbWUgPSB0YWI7CiAgICB9CiAgfSwKICBtZXRob2RzOiB7CiAgICBzaG93Q3JlYXRlZFRpbWVzOiBmdW5jdGlvbiBzaG93Q3JlYXRlZFRpbWVzKCkgewogICAgICB0aGlzLmNyZWF0ZWRUaW1lcyA9IHRoaXMuY3JlYXRlZFRpbWVzICsgMTsKICAgIH0KICB9Cn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;AAeA;AAEA;EACAA,WADA;EAEAC;IAAAC;EAAA,CAFA;EAGAC,IAHA,kBAGA;IACA;MACAC,gBACA;QAAAC;QAAAC;MAAA,CADA,EAEA;QAAAD;QAAAC;MAAA,CAFA,EAGA;QAAAD;QAAAC;MAAA,CAHA,EAIA;QAAAD;QAAAC;MAAA,CAJA,CADA;MAOAC,gBAPA;MAQAC;IARA;EAUA,CAdA;EAeAC;IACAF,UADA,sBACAG,GADA,EACA;MACA;IACA;EAHA,CAfA;EAoBAC,OApBA,qBAoBA;IACA;IACA;;IACA;MACA;IACA;EACA,CA1BA;EA2BAC;IACAC,gBADA,8BACA;MACA;IACA;EAHA;AA3BA","names":["name","components","TabPane","data","tabMapOptions","label","key","activeName","createdTimes","watch","val","created","methods","showCreatedTimes"],"sourceRoot":"src/views/tab","sources":["index.vue"],"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"]}]}