列數不固定時怎么使用el-tabel展示數據


<el-table :data="contents" stripe>
        <el-table-column v-for="(item, index) in contentsTitle" :key="index" :label="item">
          <template scope="scope">
            <span>{{scope.row[index]}}</span>
          </template>
        </el-table-column>
</el-table>

其中,contentsTitle為表頭名稱,

contents是二元數組,每個scope.row是與contentsTitle對應的字符串數組
如: contentsTitle=['名稱','年齡','性別']
     contents = 【
            ['小名','23','男'],
            ['小紅','20','女'],
            ['小櫻','19','女']

          】


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2026 CODEPRJ.COM