vue中render函数的用法实例

最新推荐文章于 2024-08-15 16:42:09 发布

王世诣

最新推荐文章于 2024-08-15 16:42:09 发布

阅读量251

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/CSDNwangyi/article/details/129005990

版权

文章展示了在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);
                             }
                         }
                     },
                     这是一个按钮
                 )]