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)
                            ]);
                          })
                        )
                      ])
                    ]
                  )
                ]
              )
            ]
          )
        ])
      }

你可能感兴趣的:(iview中使用table组件的render函数,渲染组件)