vue + iview的render添加ref属性

最新推荐文章于 2024-03-25 19:11:12 发布

躺平，睡觉

最新推荐文章于 2024-03-25 19:11:12 发布

阅读量5.3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Vue iview

本文链接：https://blog.youkuaiyun.com/qq_34164814/article/details/96478935

Vue 同时被 2 个专栏收录

11 篇文章

订阅专栏

iview

2 篇文章

订阅专栏

本文介绍如何在Vue项目中结合iView UI库，通过render函数为DOM元素添加ref属性，实现对组件的直接操作。代码示例展示了如何创建一个带有特定样式和事件监听的div元素，并通过ref属性对其进行引用。

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

vue + iview的render添加ref属性

render: (h, params) => {
                        let create = this.$createElement
                        let dom = create('div', {
                            ref: params.row.ref,
                            props: {
                                type: 'text',
                                size: 'small'
                            },
                            domProps: {
                                innerHTML: params.row.activeText
                            },
                            attrs: {
                                class: 'btn'
                            },
                            style: {
                                width: '100%',
                                height: '40px',
                                lineHeight: '40px',
                                testAlign: 'center',
                                marginRight: '5px',
                                cursor: 'pointer'
                            },
                            on: {
                                click: () => {
                                    this.operate(params.row)
                                }
                            }
                        })
                        return dom
                    }