{"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\\table\\dynamic-table\\components\\FixedThead.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\views\\table\\dynamic-table\\components\\FixedThead.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:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkuZmlsdGVyLmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMub2JqZWN0LnRvLXN0cmluZy5qcyI7Ci8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCnZhciBkZWZhdWx0Rm9ybVRoZWFkID0gWydhcHBsZScsICdiYW5hbmEnXTsKZXhwb3J0IGRlZmF1bHQgewogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICB0YWJsZURhdGE6IFt7CiAgICAgICAgbmFtZTogJ2ZydWl0LTEnLAogICAgICAgIGFwcGxlOiAnYXBwbGUtMTAnLAogICAgICAgIGJhbmFuYTogJ2JhbmFuYS0xMCcsCiAgICAgICAgb3JhbmdlOiAnb3JhbmdlLTEwJwogICAgICB9LCB7CiAgICAgICAgbmFtZTogJ2ZydWl0LTInLAogICAgICAgIGFwcGxlOiAnYXBwbGUtMjAnLAogICAgICAgIGJhbmFuYTogJ2JhbmFuYS0yMCcsCiAgICAgICAgb3JhbmdlOiAnb3JhbmdlLTIwJwogICAgICB9XSwKICAgICAga2V5OiAxLAogICAgICAvLyB0YWJsZSBrZXkKICAgICAgZm9ybVRoZWFkT3B0aW9uczogWydhcHBsZScsICdiYW5hbmEnLCAnb3JhbmdlJ10sCiAgICAgIGNoZWNrYm94VmFsOiBkZWZhdWx0Rm9ybVRoZWFkLAogICAgICAvLyBjaGVja2JveFZhbAogICAgICBmb3JtVGhlYWQ6IGRlZmF1bHRGb3JtVGhlYWQgLy8g6buY6K6k6KGo5aS0IERlZmF1bHQgaGVhZGVyCgogICAgfTsKICB9LAogIHdhdGNoOiB7CiAgICBjaGVja2JveFZhbDogZnVuY3Rpb24gY2hlY2tib3hWYWwodmFsQXJyKSB7CiAgICAgIHRoaXMuZm9ybVRoZWFkID0gdGhpcy5mb3JtVGhlYWRPcHRpb25zLmZpbHRlcihmdW5jdGlvbiAoaSkgewogICAgICAgIHJldHVybiB2YWxBcnIuaW5kZXhPZihpKSA+PSAwOwogICAgICB9KTsKICAgICAgdGhpcy5rZXkgPSB0aGlzLmtleSArIDE7IC8vIOS4uuS6huS/neivgXRhYmxlIOavj+asoemDveS8mumHjea4siBJbiBvcmRlciB0byBlbnN1cmUgdGhlIHRhYmxlIHdpbGwgYmUgcmUtcmVuZGVyZWQgZWFjaCB0aW1lCiAgICB9CiAgfQp9Ow=="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA;AAEA;EACAA,IADA,kBACA;IACA;MACAC,YACA;QACAC,eADA;QAEAC,iBAFA;QAGAC,mBAHA;QAIAC;MAJA,CADA,EAOA;QACAH,eADA;QAEAC,iBAFA;QAGAC,mBAHA;QAIAC;MAJA,CAPA,CADA;MAeAC,MAfA;MAeA;MACAC,+CAhBA;MAiBAC,6BAjBA;MAiBA;MACAC,2BAlBA,CAkBA;;IAlBA;EAoBA,CAtBA;EAuBAC;IACAF,WADA,uBACAG,MADA,EACA;MACA;QAAA;MAAA;MACA,wBAFA,CAEA;IACA;EAJA;AAvBA","names":["data","tableData","name","apple","banana","orange","key","formTheadOptions","checkboxVal","formThead","watch","valArr"],"sourceRoot":"src/views/table/dynamic-table/components","sources":["FixedThead.vue"],"sourcesContent":["<template>\n <div class=\"app-container\">\n <div class=\"filter-container\">\n <el-checkbox-group v-model=\"checkboxVal\">\n <el-checkbox label=\"apple\">\n apple\n </el-checkbox>\n <el-checkbox label=\"banana\">\n banana\n </el-checkbox>\n <el-checkbox label=\"orange\">\n orange\n </el-checkbox>\n </el-checkbox-group>\n </div>\n\n <el-table :key=\"key\" :data=\"tableData\" border fit highlight-current-row style=\"width: 100%\">\n <el-table-column prop=\"name\" label=\"fruitName\" width=\"180\" />\n <el-table-column v-for=\"fruit in formThead\" :key=\"fruit\" :label=\"fruit\">\n <template slot-scope=\"scope\">\n {{ scope.row[fruit] }}\n </template>\n </el-table-column>\n </el-table>\n </div>\n</template>\n\n<script>\nconst defaultFormThead = ['apple', 'banana']\n\nexport default {\n data() {\n return {\n tableData: [\n {\n name: 'fruit-1',\n apple: 'apple-10',\n banana: 'banana-10',\n orange: 'orange-10'\n },\n {\n name: 'fruit-2',\n apple: 'apple-20',\n banana: 'banana-20',\n orange: 'orange-20'\n }\n ],\n key: 1, // table key\n formTheadOptions: ['apple', 'banana', 'orange'],\n checkboxVal: defaultFormThead, // checkboxVal\n formThead: defaultFormThead // 默认表头 Default header\n }\n },\n watch: {\n checkboxVal(valArr) {\n this.formThead = this.formTheadOptions.filter(i => valArr.indexOf(i) >= 0)\n this.key = this.key + 1// 为了保证table 每次都会重渲 In order to ensure the table will be re-rendered each time\n }\n }\n}\n</script>\n\n"]}]}
|
