{"remainingRequest":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/kang/Gitea/vue-element-admin-i18n/src/views/tab/index.vue?vue&type=style&index=0&id=794655a4&scoped=true&lang=css","dependencies":[{"path":"/Users/kang/Gitea/vue-element-admin-i18n/src/views/tab/index.vue","mtime":1599486365000},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/css-loader/dist/cjs.js","mtime":1754408228038},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":1754408228340},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/postcss-loader/src/index.js","mtime":1754408228130},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/cache-loader/dist/cjs.js","mtime":1754408227855},{"path":"/Users/kang/Gitea/vue-element-admin-i18n/node_modules/vue-loader/lib/index.js","mtime":1754408228175}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoudGFiLWNvbnRhaW5lciB7CiAgbWFyZ2luOiAzMHB4Owp9Cg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA;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"]}]}