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