vue动态生成下拉框_vue 列表项上通过render方法渲染一个select下拉框,值动态获取...
1.vue在列表项上通过render方式渲染一个select,选项的options是动态的,在render内通过循环来渲染,如何实现呢?描述不清晰,请见代码:2.data(){return {memberList:[{"name":"张三","id":1},{"name":"李四","id":2},{"name":"王二","id":3}]}}//列表项return [{type: 'index'
1.vue在列表项上通过render方式渲染一个select,选项的options是动态的,在render内通过循环来渲染,如何实现呢?描述不清晰,请见代码:
2.
data(){
return {
memberList:[
{"name":"张三","id":1},
{"name":"李四","id":2},
{"name":"王二","id":3}
]
}
}
//列表项
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'
}
},[
//下面要实现渲染一个select,options是memberList里的项,如何实现呢?
h("i-select",{
props:{}
},[
h("i-option",{
props:{
value:row
}
})
])
])
}
},
{
title: '计划开始',
key: 'planStartDate',
},
{
title: '计划完成',
key: 'planFinishDate',
}
]
希望熟悉render的大神帮帮忙–
更多推荐
所有评论(0)