iview中使用table组件的render函数,渲染组件

(h, params) => {
        let list = params.row.productList;
        return h('div', {}, [
          h(
            'Poptip',
            {
              props: {
                placement: 'top-end',
                trigger: 'hover'
              }
            },
            [
              h('span', {}, '悬浮查看'),
              h(
                'div',
                {
                  slot: 'content'
                },
                [
                  h(
                    'div',
                    {
                      class: 'getProdInfo'
                    },
                    [
                      h('table', {}, [
                        h('thead', {}, [
                          h('tr', {}, [
                            h('th', {}, '要货产品'),
                            h('th', {}, '要货数量')
                          ])
                        ]),
                        h(
                          'tbody',
                          {},
                          list.map(item => {
                            return h('tr', {}, [
                              h('td', {}, item.productName),
                              h('td', {}, item.num)
                            ]);
                          })
                        )
                      ])
                    ]
                  )
                ]
              )
            ]
          )
        ])
      }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容