iview UI table 中使用render函数实现Select，实现双向绑定,出现undefined

写代码就手抖

已于 2022-03-28 15:45:10 修改

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏：学习笔记文章标签： vue

于 2022-03-28 15:44:34 首次发布

本文链接：https://blog.youkuaiyun.com/YC2chen/article/details/123797017

学习笔记专栏收录该内容

10 篇文章

订阅专栏

本文介绍如何在iview UI框架的Table组件中使用Select组件实现双向绑定，并解决初始化时出现undefined的问题。通过调整iview版本，确保Select组件能够正确显示并更新数据。

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

iview UI table 中使用render函数实现Select，实现双向绑定

老早就实现了双向绑定，但是，但是，初始化的时候一直 undefined 。搞了几天之后发现，排除所有可能，最终发现是iview版本问题，去官网用他的示例版本就行了。

                        render: (h, params) => {
                            return h('Select', {
                                    props: {
                                        value: params.row.name,
                                    },
                                    on: {
                                        'on-change': (e) => {
                                            params.row.name= e;
                                        }
                                    },
                                },
                                this.checkLists.map(function (item) {
                                    return h('Option', {
                                        props: {
                                            value: item.value,
                                            label: item.label
                                        }
                                    });
                                })