mirror of
https://gitee.com/xuliangzhan_admin/vxe-table.git
synced 2026-01-21 05:27:57 +08:00
1 line
23 KiB
JavaScript
1 line
23 KiB
JavaScript
(window["webpackJsonpVXETable"]=window["webpackJsonpVXETable"]||[]).push([["scroll"],{4467:function(e,t,l){"use strict";l.r(t);var a=function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("div",[l("p",[e._v("虚拟滚动渲染，加载 10 万行 1 万列，左右固定列")]),l("p",[e._v("大数据不建议使用双向绑定的 "),l("table-api-link",{attrs:{name:"data"}}),e._v(" 属性（vue 监听会大数据会短暂的卡顿），建议使用 "),l("table-api-link",{attrs:{prop:"loadData"}}),e._v("/"),l("table-api-link",{attrs:{prop:"loadColumn"}}),e._v(" 函数")],1),l("p",[e._v("对于多选 type="),l("table-column-api-link",{attrs:{prop:"selection"}}),e._v(" 当数据量海量时应该绑定 "),l("table-api-link",{attrs:{prop:"checkField"}}),e._v(" 属性渲染速度更快")],1),l("p",[e._v("数据超大情况下必须使用："),l("table-api-link",{attrs:{prop:"show-overflow"}}),e._v("，"),l("table-api-link",{attrs:{prop:"show-header-overflow"}}),e._v(" 参数以及调整好 "),l("table-api-link",{attrs:{prop:"optimization"}}),e._v(" ：{scrollX,scrollY} 适合的参数可以更加流畅")],1),l("p",{staticClass:"red"},[e._v("注意：如果要启用横向虚拟滚动，所有的列宽度必须一致，否则无法兼容")]),l("vxe-grid",{ref:"xTable",attrs:{border:"","show-overflow":"","show-header-overflow":"","highlight-hover-row":"","highlight-current-row":"",height:"600",loading:e.loading,"select-config":{checkField:"checked"},optimization:{scrollY:{gt:500,oSize:20,rSize:60}}}}),l("p",{staticClass:"demo-code"},[e._v(e._s(e.$t("app.body.button.showCode")))]),l("pre",[e._v(" "),l("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n "),l("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n ")])],1)},i=[],n=(l("5df3"),l("1c4c"),l("ac6a"),l("1487")),o=l.n(n),r={data:function(){return{loading:!1,demoCodes:['\n <vxe-grid\n border\n show-overflow\n show-header-overflow\n highlight-hover-row\n highlight-current-row\n ref="xTable"\n height="600"\n :loading="loading"\n :select-config="{checkField: \'checked\'}"\n :optimization ="{scrollY: {gt: 500, oSize: 20, rSize: 60}}">\n </vxe-grid>\n ',"\n export default {\n data () {\n return {\n tableData: []\n }\n },\n created () {\n this.loading = true\n setTimeout(() => {\n let tableData = window.MOCK_DATA_LIST.slice(0, 100000)\n let tableColumn = window.MOCK_COLUMN_LIST.slice(0, 10000)\n // 阻断 vue 对大数组的双向绑定，大数据性能翻倍提升\n if (this.$refs.xTable) {\n this.$refs.xTable.loadColumn(tableColumn)\n this.$refs.xTable.loadData(tableData)\n }\n this.loading = false\n }, 300)\n }\n }\n "]}},created:function(){var e=this;this.loading=!0,setTimeout(function(){var t=window.MOCK_DATA_LIST.slice(0,1e5),l=window.MOCK_COLUMN_LIST.slice(0,1e4);e.$refs.xTable&&(e.$refs.xTable.loadColumn(l),e.$refs.xTable.loadData(t)),e.loading=!1},300)},mounted:function(){Array.from(this.$el.querySelectorAll("pre code")).forEach(function(e){o.a.highlightBlock(e)})}},d=r,s=l("2877"),c=Object(s["a"])(d,a,i,!1,null,null,null);t["default"]=c.exports},"9b96":function(e,t,l){"use strict";l.r(t);var a=function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("div",[l("p",[e._v("虚拟滚动渲染，加载 1 万行 1 万列")]),l("p",[e._v("大数据不建议使用双向绑定的 "),l("table-api-link",{attrs:{name:"data"}}),e._v(" 属性（vue 监听会大数据会短暂的卡顿），建议使用 "),l("table-api-link",{attrs:{prop:"loadData"}}),e._v("/"),l("table-api-link",{attrs:{prop:"loadColumn"}}),e._v(" 函数")],1),l("p",{staticClass:"red"},[e._v("注意：如果要启用横向虚拟滚动，所有的列宽度必须一致，否则无法兼容")]),l("vxe-grid",{ref:"xTable",attrs:{border:"","show-overflow":"","show-header-overflow":"",height:"300",loading:e.loading,"select-config":{checkField:"checked"},optimization:{scrollY:{gt:500,oSize:10,rSize:30}}}}),l("p",{staticClass:"demo-code"},[e._v(e._s(e.$t("app.body.button.showCode")))]),l("pre",[e._v(" "),l("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n "),l("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n ")])],1)},i=[],n=(l("5df3"),l("1c4c"),l("ac6a"),l("1487")),o=l.n(n),r={data:function(){return{loading:!1,demoCodes:['\n <vxe-grid\n border\n show-overflow\n show-header-overflow\n ref="xTable"\n height="300"\n :loading="loading"\n :select-config="{checkField: \'checked\'}"\n :optimization ="{scrollY: {gt: 500, oSize: 10, rSize: 30}}">\n </vxe-grid>\n ',"\n export default {\n data () {\n return {\n tableData: []\n }\n },\n created () {\n this.loading = true\n setTimeout(() => {\n let tableData = window.MOCK_DATA_LIST.slice(0, 10000)\n let tableColumn = window.MOCK_COLUMN_LIST.slice(0, 10000).map(item => Object.assign({}, item, { fixed: undefined }))\n // 阻断 vue 对大数组的双向绑定，大数据性能翻倍提升\n if (this.$refs.xTable) {\n this.$refs.xTable.loadColumn(tableColumn)\n this.$refs.xTable.loadData(tableData)\n }\n this.loading = false\n }, 500)\n }\n }\n "]}},created:function(){var e=this;this.loading=!0,setTimeout(function(){var t=window.MOCK_DATA_LIST.slice(0,1e4),l=window.MOCK_COLUMN_LIST.slice(0,1e4).map(function(e){return Object.assign({},e,{fixed:void 0})});e.$refs.xTable&&(e.$refs.xTable.loadColumn(l),e.$refs.xTable.loadData(t)),e.loading=!1},500)},mounted:function(){Array.from(this.$el.querySelectorAll("pre code")).forEach(function(e){o.a.highlightBlock(e)})}},d=r,s=l("2877"),c=Object(s["a"])(d,a,i,!1,null,null,null);t["default"]=c.exports},ac09:function(e,t,l){"use strict";l.r(t);var a=function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("div",[l("p",[e._v("虚拟滚动渲染，加载 10 万行，左右固定列")]),l("p",[e._v("大数据不建议使用双向绑定的 data 属性（vue 监听会大数据会短暂的卡顿），建议使用 "),l("table-api-link",{attrs:{prop:"loadData"}}),e._v("/"),l("table-api-link",{attrs:{prop:"reloadData"}}),e._v(" 函数")],1),l("p",[e._v("对于多选 type="),l("table-column-api-link",{attrs:{prop:"selection"}}),e._v(" 当数据量海量时应该绑定 "),l("table-api-link",{attrs:{prop:"checkField"}}),e._v(" 属性渲染速度更快")],1),l("p",[e._v("数据超大情况下必须使用："),l("table-api-link",{attrs:{prop:"show-overflow"}}),e._v("，"),l("table-api-link",{attrs:{prop:"show-header-overflow"}}),e._v(" 参数以及调整好 "),l("table-api-link",{attrs:{prop:"optimization"}}),e._v(" ：{scrollX,scrollY} 适合的参数可以更加流畅")],1),l("vxe-table",{ref:"xTable",attrs:{border:"",resizable:"","show-overflow":"","highlight-hover-row":"","highlight-current-row":"",height:"600",loading:e.loading,"select-config":{checkField:"checked"},optimization:{scrollY:{gt:500,oSize:20,rSize:60}}}},[l("vxe-table-column",{attrs:{type:"selection",width:"60",fixed:"left"}}),l("vxe-table-column",{attrs:{type:"index",width:"100",fixed:"left"}}),l("vxe-table-column",{attrs:{field:"name",title:"Name",sortable:"",width:"200"}}),l("vxe-table-column",{attrs:{field:"sex",title:"Sex",width:"200"}}),l("vxe-table-column",{attrs:{field:"rate",title:"Rate",width:"200"}}),l("vxe-table-column",{attrs:{field:"region",title:"Region",width:"200"}}),l("vxe-table-column",{attrs:{field:"time",title:"Time",width:"200"}}),l("vxe-table-column",{attrs:{field:"address",title:"Address",width:"300"}}),l("vxe-table-column",{attrs:{field:"updateTime",title:"UpdateTime",width:"200"}}),l("vxe-table-column",{attrs:{field:"createTime",title:"CreateTime",width:"200"}}),l("vxe-table-column",{attrs:{field:"attr1",title:"Attr1",width:"200"}}),l("vxe-table-column",{attrs:{field:"attr2",title:"Attr2",width:"200"}}),l("vxe-table-column",{attrs:{field:"attr3",title:"Attr3",width:"200"}}),l("vxe-table-column",{attrs:{field:"attr4",title:"Attr4",width:"200"}}),l("vxe-table-column",{attrs:{field:"attr5",title:"Attr5",width:"200"}}),l("vxe-table-column",{attrs:{field:"attr6",title:"Attr6",width:"200"}}),l("vxe-table-column",{attrs:{field:"attr7",title:"Attr7",width:"200"}}),l("vxe-table-column",{attrs:{field:"attr8",title:"Attr8",width:"200"}}),l("vxe-table-column",{attrs:{field:"attr9",title:"Attr9",width:"200"}}),l("vxe-table-column",{attrs:{field:"createTime",title:"CreateTime",width:"200"}}),l("vxe-table-column",{attrs:{field:"age",title:"Age",width:"200",fixed:"right"}})],1),l("p",{staticClass:"demo-code"},[e._v(e._s(e.$t("app.body.button.showCode")))]),l("pre",[e._v(" "),l("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n "),l("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n ")])],1)},i=[],n=(l("5df3"),l("1c4c"),l("ac6a"),l("1487")),o=l.n(n),r={data:function(){return{loading:!1,demoCodes:['\n <vxe-table\n ref="xTable"\n border\n resizable\n show-overflow\n highlight-hover-row\n highlight-current-row\n height="600"\n :loading="loading"\n :select-config="{checkField: \'checked\'}"\n :optimization ="{scrollY: {gt: 500, oSize: 20, rSize: 60}}">\n <vxe-table-column type="selection" width="60" fixed="left"></vxe-table-column>\n <vxe-table-column type="index" width="100" fixed="left"></vxe-table-column>\n <vxe-table-column field="name" title="Name" sortable width="200"></vxe-table-column>\n <vxe-table-column field="sex" title="Sex" width="200"></vxe-table-column>\n <vxe-table-column field="rate" title="Rate" width="200"></vxe-table-column>\n <vxe-table-column field="region" title="Region" width="200"></vxe-table-column>\n <vxe-table-column field="time" title="Time" width="200"></vxe-table-column>\n <vxe-table-column field="address" title="Address" width="300"></vxe-table-column>\n <vxe-table-column field="updateTime" title="UpdateTime" width="200"></vxe-table-column>\n <vxe-table-column field="createTime" title="CreateTime" width="200"></vxe-table-column>\n <vxe-table-column field="attr1" title="Attr1" width="200"></vxe-table-column>\n <vxe-table-column field="attr2" title="Attr2" width="200"></vxe-table-column>\n <vxe-table-column field="attr3" title="Attr3" width="200"></vxe-table-column>\n <vxe-table-column field="attr4" title="Attr4" width="200"></vxe-table-column>\n <vxe-table-column field="attr5" title="Attr5" width="200"></vxe-table-column>\n <vxe-table-column field="attr6" title="Attr6" width="200"></vxe-table-column>\n <vxe-table-column field="attr7" title="Attr7" width="200"></vxe-table-column>\n <vxe-table-column field="attr8" title="Attr8" width="200"></vxe-table-column>\n <vxe-table-column field="attr9" title="Attr9" width="200"></vxe-table-column>\n <vxe-table-column field="createTime" title="CreateTime" width="200"></vxe-table-column>\n <vxe-table-column field="age" title="Age" width="200" fixed="right"></vxe-table-column>\n </vxe-table>\n ',"\n export default {\n data () {\n return {\n tableData: []\n }\n },\n created () {\n this.loading = true\n setTimeout(() => {\n let tableData = window.MOCK_DATA_LIST.slice(0, 100000)\n // 阻断 vue 对大数组的双向绑定，大数据性能翻倍提升\n if (this.$refs.xTable) {\n this.$refs.xTable.reloadData(tableData)\n }\n this.loading = false\n }, 500)\n }\n }\n "]}},created:function(){var e=this;this.loading=!0,setTimeout(function(){var t=window.MOCK_DATA_LIST.slice(0,1e5);e.$refs.xTable&&e.$refs.xTable.reloadData(t),e.loading=!1},500)},mounted:function(){Array.from(this.$el.querySelectorAll("pre code")).forEach(function(e){o.a.highlightBlock(e)})}},d=r,s=l("2877"),c=Object(s["a"])(d,a,i,!1,null,null,null);t["default"]=c.exports},bba7:function(e,t,l){"use strict";l.r(t);var a=function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("div",[l("p",[e._v("虚拟滚动渲染，加载 1 万行，左右固定列")]),l("p",[e._v("大数据不建议使用双向绑定的 "),l("table-api-link",{attrs:{name:"data"}}),e._v(" 属性（vue 监听会大数据会短暂的卡顿），建议使用 "),l("table-api-link",{attrs:{prop:"loadData"}}),e._v("/"),l("table-api-link",{attrs:{prop:"reloadData"}}),e._v(" 函数")],1),l("vxe-table",{ref:"xTable",attrs:{border:"",resizable:"","show-overflow":"",height:"300",loading:e.loading,optimization:{scrollY:{gt:500,oSize:10,rSize:30}}}},[e._v(">\n "),l("vxe-table-column",{attrs:{type:"index",width:"100"}}),l("vxe-table-column",{attrs:{field:"name",title:"Name",sortable:"",width:"200"}}),l("vxe-table-column",{attrs:{field:"age",title:"Age",width:"200"}}),l("vxe-table-column",{attrs:{field:"sex",title:"Sex",width:"200"}}),l("vxe-table-column",{attrs:{field:"rate",title:"Rate",width:"200"}}),l("vxe-table-column",{attrs:{field:"region",title:"Region",width:"200"}}),l("vxe-table-column",{attrs:{field:"time",title:"Time",width:"200"}}),l("vxe-table-column",{attrs:{field:"address",title:"Address",width:"300","show-overflow":""}}),l("vxe-table-column",{attrs:{field:"updateTime",title:"UpdateTime",width:"200"}}),l("vxe-table-column",{attrs:{field:"createTime",title:"CreateTime",width:"200"}}),l("vxe-table-column",{attrs:{field:"attr1",title:"Attr1",width:"200"}}),l("vxe-table-column",{attrs:{field:"attr2",title:"Attr2",width:"200"}}),l("vxe-table-column",{attrs:{field:"attr3",title:"Attr3",width:"200"}}),l("vxe-table-column",{attrs:{field:"attr4",title:"Attr4",width:"200"}}),l("vxe-table-column",{attrs:{field:"attr5",title:"Attr5",width:"200"}}),l("vxe-table-column",{attrs:{field:"attr6",title:"Attr6",width:"200"}}),l("vxe-table-column",{attrs:{field:"attr7",title:"Attr7",width:"200"}}),l("vxe-table-column",{attrs:{field:"attr8",title:"Attr8",width:"200"}}),l("vxe-table-column",{attrs:{field:"name",title:"Name",width:"200"}}),l("vxe-table-column",{attrs:{field:"attr9",title:"Attr9",width:"200"}}),l("vxe-table-column",{attrs:{field:"createTime",title:"CreateTime",width:"200"}})],1),l("p",{staticClass:"demo-code"},[e._v(e._s(e.$t("app.body.button.showCode")))]),l("pre",[e._v(" "),l("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n "),l("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n ")])],1)},i=[],n=(l("5df3"),l("1c4c"),l("ac6a"),l("1487")),o=l.n(n),r={data:function(){return{loading:!1,demoCodes:['\n <vxe-table\n ref="xTable"\n border\n resizable\n show-overflow\n height="300"\n :loading="loading"\n :optimization ="{scrollY: {gt: 500, oSize: 10, rSize: 30}}">>\n <vxe-table-column type="index" width="100"></vxe-table-column>\n <vxe-table-column field="name" title="Name" sortable width="200"></vxe-table-column>\n <vxe-table-column field="age" title="Age" width="200"></vxe-table-column>\n <vxe-table-column field="sex" title="Sex" width="200"></vxe-table-column>\n <vxe-table-column field="rate" title="Rate" width="200"></vxe-table-column>\n <vxe-table-column field="region" title="Region" width="200"></vxe-table-column>\n <vxe-table-column field="time" title="Time" width="200"></vxe-table-column>\n <vxe-table-column field="address" title="Address" width="300" show-overflow></vxe-table-column>\n <vxe-table-column field="updateTime" title="UpdateTime" width="200"></vxe-table-column>\n <vxe-table-column field="createTime" title="CreateTime" width="200"></vxe-table-column>\n <vxe-table-column field="attr1" title="Attr1" width="200"></vxe-table-column>\n <vxe-table-column field="attr2" title="Attr2" width="200"></vxe-table-column>\n <vxe-table-column field="attr3" title="Attr3" width="200"></vxe-table-column>\n <vxe-table-column field="attr4" title="Attr4" width="200"></vxe-table-column>\n <vxe-table-column field="attr5" title="Attr5" width="200"></vxe-table-column>\n <vxe-table-column field="attr6" title="Attr6" width="200"></vxe-table-column>\n <vxe-table-column field="attr7" title="Attr7" width="200"></vxe-table-column>\n <vxe-table-column field="attr8" title="Attr8" width="200"></vxe-table-column>\n <vxe-table-column field="name" title="Name" width="200"></vxe-table-column>\n <vxe-table-column field="attr9" title="Attr9" width="200"></vxe-table-column>\n <vxe-table-column field="createTime" title="CreateTime" width="200"></vxe-table-column>\n </vxe-table>\n ',"\n export default {\n data () {\n return {\n tableData: []\n }\n },\n created () {\n this.loading = true\n setTimeout(() => {\n let tableData = window.MOCK_DATA_LIST.slice(0, 10000)\n // 阻断 vue 对大数组的双向绑定，大数据性能翻倍提升\n if (this.$refs.xTable) {\n this.$refs.xTable.loadData(tableData)\n }\n this.loading = false\n }, 300)\n }\n }\n "]}},created:function(){var e=this;this.loading=!0,setTimeout(function(){var t=window.MOCK_DATA_LIST.slice(0,1e4);e.$refs.xTable&&e.$refs.xTable.loadData(t),e.loading=!1},300)},mounted:function(){Array.from(this.$el.querySelectorAll("pre code")).forEach(function(e){o.a.highlightBlock(e)})}},d=r,s=l("2877"),c=Object(s["a"])(d,a,i,!1,null,null,null);t["default"]=c.exports},d291:function(e,t,l){"use strict";l.r(t);var a=function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("div",[l("p",[e._v("如果列较多请使用 "),l("grid-api-link",{attrs:{name:"vxe-grid"}}),e._v("，使渲染性能达到最优")],1),l("p",[e._v("虚拟滚动只会渲染可视区域的数据，对于海量数据的性能提升非常大")]),l("p",[e._v("相关参数说明 {seq: 序号, $rowIndex: 获取渲染中的行索引, rowIndex: 获取真实的行索引, row: 获取行数据, column: 获取列配置, columnIndex: 获取真实列索引，$columnIndex:获取渲染中的列索引}")]),l("vxe-table",{attrs:{border:"","highlight-hover-row":"",height:"300",data:e.tableData},on:{"update:data":function(t){e.tableData=t}}},[l("vxe-table-column",{attrs:{type:"index",width:"100"}}),l("vxe-table-column",{attrs:{field:"name",title:"Name",sortable:""}}),l("vxe-table-column",{attrs:{field:"sex",title:"Sex"}}),l("vxe-table-column",{attrs:{field:"age",title:"Age"}}),l("vxe-table-column",{attrs:{field:"address",title:"Address","show-overflow":""}})],1),l("p",{staticClass:"demo-code"},[e._v(e._s(e.$t("app.body.button.showCode")))]),l("pre",[e._v(" "),l("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[0]))]),e._v("\n "),l("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[1]))]),e._v("\n ")]),l("p",[e._v("高级配置项")]),l("p",[e._v("参数 "),l("table-api-link",{attrs:{prop:"scrollX"}}),e._v(": {gt: 16, oSize: 4, rSize: 10},"),l("table-api-link",{attrs:{prop:"scrollY"}}),e._v(": {gt: 500, oSize: 30, rSize: 80}，当数据量过大时请调整到适合的参数可以使渲染更快")],1),l("p",[e._v("数据超大情况下必须使用："),l("table-api-link",{attrs:{prop:"show-overflow"}}),e._v("，"),l("table-api-link",{attrs:{prop:"show-header-overflow"}}),e._v(" 参数以及调整好 "),l("table-api-link",{attrs:{prop:"optimization"}}),e._v(" ：{scrollX,scrollY} 适合的参数可以更加流畅")],1),l("vxe-table",{ref:"xTable",attrs:{border:"","show-overflow":"",height:"300"}},[l("vxe-table-column",{attrs:{type:"index",width:"100"}}),l("vxe-table-column",{attrs:{field:"name",title:"Name",sortable:""}}),l("vxe-table-column",{attrs:{field:"sex",title:"Sex"}}),l("vxe-table-column",{attrs:{field:"age",title:"Age"}}),l("vxe-table-column",{attrs:{field:"address",title:"Address","show-overflow":""}})],1),l("p",{staticClass:"demo-code"},[e._v(e._s(e.$t("app.body.button.showCode")))]),l("pre",[e._v(" "),l("code",{staticClass:"xml"},[e._v(e._s(e.demoCodes[2]))]),e._v("\n "),l("code",{staticClass:"javascript"},[e._v(e._s(e.demoCodes[3]))]),e._v("\n ")])],1)},i=[],n=(l("5df3"),l("1c4c"),l("ac6a"),l("1487")),o=l.n(n),r={data:function(){return{tableData:[],tableData2:[],demoCodes:['\n <vxe-table\n border\n highlight-hover-row\n height="300"\n :data.sync="tableData">\n <vxe-table-column type="index" width="100"></vxe-table-column>\n <vxe-table-column field="name" title="Name" sortable></vxe-table-column>\n <vxe-table-column field="sex" title="Sex"></vxe-table-column>\n <vxe-table-column field="age" title="Age"></vxe-table-column>\n <vxe-table-column field="address" title="Address" show-overflow></vxe-table-column>\n </vxe-table>\n ',"\n export default {\n data () {\n return {\n tableData: []\n }\n },\n created () {\n this.tableData = window.MOCK_DATA_LIST.slice(0, 200)\n }\n }\n ",'\n <vxe-table\n ref="xTable"\n border\n show-overflow\n height="300"\n :data.sync="tableData2">\n <vxe-table-column type="index" width="100"></vxe-table-column>\n <vxe-table-column field="name" title="Name" sortable></vxe-table-column>\n <vxe-table-column field="sex" title="Sex"></vxe-table-column>\n <vxe-table-column field="age" title="Age"></vxe-table-column>\n <vxe-table-column field="address" title="Address" show-overflow></vxe-table-column>\n </vxe-table>\n ',"\n export default {\n data () {\n return {\n tableData2: []\n }\n },\n created () {\n this.$nextTick(() => {\n this.$refs.xTable.reloadData(window.MOCK_DATA_LIST.slice(0, 10000))\n })\n }\n }\n "]}},created:function(){var e=this;this.tableData=window.MOCK_DATA_LIST.slice(0,200),this.$nextTick(function(){e.$refs.xTable.reloadData(window.MOCK_DATA_LIST.slice(0,1e4))})},mounted:function(){Array.from(this.$el.querySelectorAll("pre code")).forEach(function(e){o.a.highlightBlock(e)})}},d=r,s=l("2877"),c=Object(s["a"])(d,a,i,!1,null,null,null);t["default"]=c.exports}}]); |