iview库表table组件内嵌套Select组件

最新推荐文章于 2024-09-05 22:25:19 发布

weixin_30814223

最新推荐文章于 2024-09-05 22:25:19 发布

阅读量552

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/web-zqk/p/9236151.html

本文介绍如何在表格中利用Vue的render函数渲染Select组件，并实现下拉选择功能。通过具体的代码示例展示了如何绑定数据及处理选择事件。

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

表格内render函数渲染Select组件

{
    title: '属性值',
    key: 'values',
    render:(h,params)=>{
        return h('Select',{

            props:{
                 value:this.vmodel
            },

                      on:{
              'on-change':(e)=>{
                console.log(e)
                }
                }
            },params.row.values.map((item)=>{
                  return h('Option',{
            props:{
                    value:item.value,
                    label:item.label
                    }

})
}))
}

}

//下拉的数据

adEdTableData: [
    {
        sort: '1',
        name: '纱线用途',
        values:[
            {
                value: '1',
                label: '1'
            },
            {
                value: '2',
                label: '2'
            },
        ],
    },

]