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