"description": "权限01","description": "权限02","description": "权限03","description": "权限04","description": "权限05","name": "姓名01","name": "姓名02","name": "姓名03","name": "姓名04","name": "姓名05",label="序号"_el-">
当前位置:   article > 正文

如何在element中table的 v-for中 使用slot-scope?_el-table v-for

el-table v-for

有时候我们需要通过数据库来动态控制表格的列,这样做的好处就是系统中如果有太多的表格项的话,直接这套代码就能通用了,其他的数据库里控制就行,不要太方便了,特别是一些ERP或者供应链的表格,动不动就是几十上百个字段,这时候不要太轻松了,废话不多说,直接上代码:

<template>
  <el-table
    :data="Data"
    style="width: 100%"
    @cell-click="tableClick"
  >
    <el-table-column
      prop="address"
      label="序号"
      type="index"
    >
    </el-table-column>
    <el-table-column
      v-for="(info) in rightHeader"
      :key="info.key"
      :label="info.label"
      :prop="info.key"
      :show-overflow-tooltip="true"
      align="center"
    >
      <template slot-scope="scope">
        <span v-if="scope.

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/黑客灵魂/article/detail/936010
推荐阅读
相关标签
  

闽ICP备14008679号