element table 遍历

最新推荐文章于 2024-09-01 16:54:55 发布

最美不过初相见^_^

最新推荐文章于 2024-09-01 16:54:55 发布

阅读量1.4k

点赞数

文章标签： vue vue.js

本文链接：https://blog.csdn.net/qq_43620210/article/details/111687455

版权

<el-table border ref="saleDetailsTable" :data="queryInfo.TableList" tooltip-effect="dark" style="width:99.9%" :header-row-style="{height:'54px'}" :header-cell-style="{background:'#eef1f6',color:'#000'}" :default-sort="{prop: 'itCode', order: 'descending'}" v-loading.fullscreen.lock="loading" element-loading-background="rgba(0, 0, 0, 0.8)" element-loading-text="系统正在查找，请稍后！">
  <!-- 动态循环列表 -->
  <template v-for="(item, index) in queryInfo.saleDetailsTableList">
    <el-table-column :key="index" type="index" v-if="item.type == 'index'" :label="item.title" :width="item.width">
    </el-table-column>
    <el-table-column v-else :key="index" :prop="item.prop" :label="item.title" width="160">
       <template v-if="item.formatNumber == '1'" v-slot:default="{ row }">
         <span>{{row[item.prop] | formatNumberL}}</span>
       </template>
     </el-table-column>
  </template>
</el-table>
// 传值
queryInfo: {
   TableList:[],
   saleDetailsTableList:[
     { title: "序号", type: "index" ,width:"60"},
   ]
}