iview table中利用render动态循环输出

最新推荐文章于 2023-12-11 15:04:37 发布

原创最新推荐文章于 2023-12-11 15:04:37 发布 · 4.1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#笔记

问题总结专栏收录该内容

12 篇文章

订阅专栏

本文详细介绍如何在iView框架的Table组件中使用render函数循环渲染数据数组，通过实例演示了如何将数据数组中的每一项内容展示在表格的指定列中。

如果有多条数据，想要在iview的table表格中循环出来，利用render函数：

      {
           title: '列名',
           key: 'key值',
           className:'operationContent',
           minWidth: 750,
           render: (h, params) => {
               var arr = params.row.content;//数据数组
               var newArr = [];
               arr.forEach((a,index)=>{
                   newArr.push(h('div',[
                         h('span', (index+1)+'、'),
                         h('span', a)
                     ]))
               })
               return h('div',newArr);
           }
       },