# Smartchart开发手册

https://help.smartchart.cn/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/ElementUI%E7%BB%84%E4%BB%B6/ Recent content on Smartchart开发手册 Hugo -- gohugo.io

#

https://help.smartchart.cn/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/ElementUI%E7%BB%84%E4%BB%B6/%E5%B8%A6%E5%88%86%E9%A1%B5%E7%9A%84%E8%A1%A8%E6%A0%BC/ Mon, 01 Jan 0001 00:00:00 +0000 https://help.smartchart.cn/docs/3.%E5%9B%BE%E5%BD%A2%E5%BC%80%E5%8F%91/ElementUI%E7%BB%84%E4%BB%B6/%E5%B8%A6%E5%88%86%E9%A1%B5%E7%9A%84%E8%A1%A8%E6%A0%BC/ 模式开启 # 需要开启模板开发模式, 并开启basevue模板 在Body加入组件 # &lt;!--表格--&gt; &lt;div class=&#34;smtdrag&#34; id=&#34;id_1654907858638&#34;&gt; &lt;el-table :data=&#34;tableData.slice((currentPage-1)*pageSize, currentPage*pageSize)&#34; height=&#34;100%&#34; size=&#34;mini&#34; header-cell-class-name=&#34;tablehead&#34; border style=&#34;width: 100%&#34;&gt; &lt;el-table-column v-for=&#34;item in tableHead&#34; :label=&#34;item.label&#34; :property=&#34;item.prop&#34; sortable&gt; &lt;/el-table-column&gt; &lt;/el-table&gt; &lt;!--表格结束--&gt; &lt;!--分页控件--&gt; &lt;el-pagination align=&#39;center&#39; @size-change=&#34;handlerSizeChange&#34; @current-change=&#34;handlerCurrentChange&#34; :current-page=&#34;currentPage&#34; :page-size=&#34;pageSize&#34; layout=&#34;total,sizes,prev,pager,next,jumper&#34; :total=&#34;tableData.length&#34; &gt;&lt;/el-pagination&gt; &lt;!--分页控件结束--&gt; &lt;/div&gt; 在JS区域加入 # var vapp = new Vue({el: &#39;#vue_app&#39;, delimiters: [&#39;{[&#39;, &#39;]}&#39;], data: { tableData:[], //表数据 tableHead:[], //表头 currentPage:1, total:20, pageSize:10 }, methods: { //处理分页数量 handlerSizeChange(val){ this.currentPage = 1; this.