昨天越来越多，明天越来越少。走过的路长了，遇见的人多了，不经意间发现，人生最曼妙的风景是内心的淡定与从容，头脑的睿智与清醒。
本文介绍了iview实现select tree树形下拉框的示例代码，分享给大家，具体如下：
html部分
<Tree :data="treeData" ref="tree" :render="renderContent"></Tree>
数据部分
export const treeData= [
{
title: 'parent 1',
expand: true,
selected: true,
value: '1',
children: [
{
title: 'parent 1-1',
expand: true,
value: '11',
children: [
{
value: '111',
title: 'leaf 1-1-1'
},
{
value: '112',
title: 'leaf 1-1-2'
}
]
},
{
title: 'parent 1-2',
value: '12',
expand: true,
children: [
{
value: '121',
title: 'leaf 1-2-1'
},
{
value: '122',
title: 'leaf 1-2-2'
}
]
}
]
}
];
js部分
// 子节点的option
renderContent (h, { root, node, data }) {
return h('Option', {
style: {
display: 'inline-block',
margin: '0'
},
props:{
value: data.value
}
}, data.title);
},
以上就是iview如何实现select tree树形下拉框的示例代码。明白很多事情无法顺着自我的意思，但是发奋用最恰当的方式让事情变成最后自我想要的样貌。强壮是，如果最后事情实在无法实现，那么也能够理解下来，不会失控，而是冷静理智的去想下一步。更多关于iview如何实现select tree树形下拉框的示例代码请关注haodaima.com其它相关文章！
