{"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=style&index=0&id=794655a4&scoped=true&lang=css&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\views\\tab\\index.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"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: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"]}]}
|
