{"remainingRequest":"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\\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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmNvbnN0IGRlZmF1bHRGb3JtVGhlYWQgPSBbJ2FwcGxlJywgJ2JhbmFuYSddCgpleHBvcnQgZGVmYXVsdCB7CiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIHRhYmxlRGF0YTogWwogICAgICAgIHsKICAgICAgICAgIG5hbWU6ICdmcnVpdC0xJywKICAgICAgICAgIGFwcGxlOiAnYXBwbGUtMTAnLAogICAgICAgICAgYmFuYW5hOiAnYmFuYW5hLTEwJywKICAgICAgICAgIG9yYW5nZTogJ29yYW5nZS0xMCcKICAgICAgICB9LAogICAgICAgIHsKICAgICAgICAgIG5hbWU6ICdmcnVpdC0yJywKICAgICAgICAgIGFwcGxlOiAnYXBwbGUtMjAnLAogICAgICAgICAgYmFuYW5hOiAnYmFuYW5hLTIwJywKICAgICAgICAgIG9yYW5nZTogJ29yYW5nZS0yMCcKICAgICAgICB9CiAgICAgIF0sCiAgICAgIGtleTogMSwgLy8gdGFibGUga2V5CiAgICAgIGZvcm1UaGVhZE9wdGlvbnM6IFsnYXBwbGUnLCAnYmFuYW5hJywgJ29yYW5nZSddLAogICAgICBjaGVja2JveFZhbDogZGVmYXVsdEZvcm1UaGVhZCwgLy8gY2hlY2tib3hWYWwKICAgICAgZm9ybVRoZWFkOiBkZWZhdWx0Rm9ybVRoZWFkIC8vIOm7mOiupOihqOWktCBEZWZhdWx0IGhlYWRlcgogICAgfQogIH0sCiAgd2F0Y2g6IHsKICAgIGNoZWNrYm94VmFsKHZhbEFycikgewogICAgICB0aGlzLmZvcm1UaGVhZCA9IHRoaXMuZm9ybVRoZWFkT3B0aW9ucy5maWx0ZXIoaSA9PiB2YWxBcnIuaW5kZXhPZihpKSA+PSAwKQogICAgICB0aGlzLmtleSA9IHRoaXMua2V5ICsgMS8vIOS4uuS6huS/neivgXRhYmxlIOavj+asoemDveS8mumHjea4siBJbiBvcmRlciB0byBlbnN1cmUgdGhlIHRhYmxlIHdpbGwgYmUgcmUtcmVuZGVyZWQgZWFjaCB0aW1lCiAgICB9CiAgfQp9Cg=="},{"version":3,"sources":["FixedThead.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA;;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","file":"FixedThead.vue","sourceRoot":"src/views/table/dynamic-table/components","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"]}]}