vue2 render属性调用createElement()方法插入多级元素举例

render: (h, params) => {
                        const span = h('div',
                            {
                                class: 'cur urltext',
                                on: {
                                    click: () => {
                                        this.onDetail(params.row, 'wpbh');
                                    }
                                }
                            },
                            params.row.wpbh
                        )
                        return h('el-tooltip', {
                            props: {
                                popperClass: 'shortpopper',
                                placement:"top",
                                content: params.row.wpbh
                            },
                        },[span])
                    }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

h为接收的createElement()方法参数，[span]表示div为el-tooltip的子元素，子元素用数组包裹。