Render a select drop-down box on the vue list item through the render method, and obtain the value dynamically

1.vue renders a select through render on the list item. The options of the option is dynamic. How to render it through a loop within the render? The description is not clear, please see Code:

2.
data () {

return {
    memberList:[
        {"name":"","id":1},
        {"name":"","id":2},
        {"name":"","id":3}
    ]
}

}

/ list items

 return [{
                type: "index",
                width: 60,
                align: "center",
                title: ""
            },
            {
                title: "",
                key: "title",
            },
            {
                title: "",
                key: "principalUserName",
                render:(h,data) => {
                    var {
                        row,
                        column,
                        index
                    } = data
                    return h("FormItem",{
                        props:{
                            prop:"principalUserName"
                        }
                    },[
                        //selectoptionsmemberList
                        h("i-select",{
                            props:{}
                        },[
                            h("i-option",{
                                props:{
                                    value:row
                                }
                            })
                        ])

                    ])
                }
            },
            {
                title: "",
                key: "planStartDate",
            },
            {
                title: "",
                key: "planFinishDate",
            }
        ]

I hope the great gods who are familiar with render can help--

May.18,2022

you can use slot to write more convenient points

return [{
                type: 'index',
                width: 60,
                align: 'center',
                title: ''
            },
            {
                title: '',
                key: 'title',
            },
            {
                title: '',
                key: 'principalUserName',
                render:(h,data) => {
                    var {
                        row,
                        column,
                        index
                    } = data
                    let options = this.memberList.map(item => {
                        return h("i-option",{
                                props:{
                                    value:item.id,
                                    label: item.name
                                }
                            })
                    })
                    return h('FormItem',{
                        props:{
                            prop:'principalUserName'
                        }
                    },[
                        //selectoptionsmemberList
                        h("i-select",{
                            props:{}
                        },options)
                    ])
                }
            },
            {
                title: '',
                key: 'planStartDate',
            },
            {
                title: '',
                key: 'planFinishDate',
            }
        ]
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1ea9e21-47d66.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1ea9e21-47d66.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?