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

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

皮皮猴我们走

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

阅读量4.1k

点赞数 5

CC 4.0 BY-SA版权

分类专栏：问题总结文章标签：笔记

本文链接：https://blog.youkuaiyun.com/Rob_gao/article/details/89396759

问题总结专栏收录该内容

12 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如果有多条数据，想要在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);
           }
       },