{"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"]}]}