vue中render函数的用法实例

原创于 2023-02-13 11:26:16 发布 · 257 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

文章展示了在Vue.js中如何使用`createElement`创建DOM元素，包括`div`和`td-button`组件，应用CSS样式，并设置点击事件触发数据提取方法。示例中包含了图片元素的用法以及组件的props和大小配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

         render: (createElement, params) => {
             return createElement('div', [
                 // createElement('img', {
                 //     class: '',
                 //     style: 'width:15px;height:16px;',
                 //     attrs: {
                 //         src: CURRENT_PAGE_THIS.extractIcon
                 //     }
                 // }),
                 createElement(
                     'td-button',
                     {
                         class: 'extract_btn',
                         style: 'width:30px;text-align: left;',
                         props: {
                             type: 'text',
                             size: 'small'
                         },
                         on: {
                             click: () => {
                                 CURRENT_PAGE_THIS.extract(params.row);
                             }
                         }
                     },
                     这是一个按钮
                 )]