element-vue

平台项目~element-table与vue 一简介:前端两大基本功能之一,table的展示 二 目的 后端传递数据到前端,这里有两种用法 1 表单仅仅是展示作用,不对每列做任何操作修饰 2 表单的一些列作格外处理 我们将分别说明 三 第一种场景 表单仅仅展示,不对每列做任何操作修饰 核心思想 动态生成列 <el-table v-if=xianshi2 ref="multipleTable" :data="(data || []).slice((currentPage-1)*pagesize,currentPage*pagesize)" style="width: 100%" > <el-table-column v-for="(item,index) in data2" :key="index" :label="item.ziduan" :width="item.width"> <template slot-scope="scope"> <span>{{scope.row[item.key]}}</span> </template> </el-table-column> </el-table> 说明 1 :data代表展示的表单数据 :data2 代表展示的动态列,通过循环读取 2 scope用法代表插槽,属于vue用法 特点 1 节省大量的代码,仅仅需要几行就能展示大量列 2