美文网首页
iview中使用table组件的render函数,渲染组件

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

作者: 灬小白 | 来源:发表于2019-08-18 14:33 被阅读0次
(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函数,渲染组件

      本文链接:https://www.haomeiwen.com/subject/jpmrsctx.html