好资源导航 » 文章资讯 » iview实现select tree树形下拉框的示例代码

iview实现select tree树形下拉框的示例代码

2023-09-02 14:58:05 63

本文介绍了iview实现selecttree树形下拉框的示例代码，分享给大家，具体如下：

html部分

数据部分

exportconsttreeData=[
{
title:'parent1',
expand:true,
selected:true,
value:'1',
children:[
{
title:'parent1-1',
expand:true,
value:'11',
children:[
{
value:'111',
title:'leaf1-1-1'
},
{
value:'112',
title:'leaf1-1-2'
}
]
},
{
title:'parent1-2',
value:'12',
expand:true,
children:[
{
value:'121',
title:'leaf1-2-1'
},
{
value:'122',
title:'leaf1-2-2'
}
]
}
]
}
];

js部分

//子节点的option
renderContent(h,{root,node,data}){
returnh('Option',{
style:{
display:'inline-block',
margin:'0'
},
props:{
value:data.value
}
},data.title);
},

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
514930285
czq8825@qq.com

iview实现select tree树形下拉框的示例代码

热门推荐

随机推荐