美文网首页
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