使用iview怎么实现一个选择树树形下拉框

  介绍

这篇文章给大家介绍使用iview怎么实现一个选择树树形下拉框,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

html部分

& lt; Tree : data=https://www.yisu.com/zixun/眛reeData“ref=笆鳌?渲染=" renderContent ">

数据部分

export  const  treeData=https://www.yisu.com/zixun/[   {   标题:“父1”,   扩展:没错,   选择:没错,   值:' 1 ',   孩子:(   {   标题:“父1 - 1”,   扩展:没错,   价值:“11”,   孩子:(   {   价值:“111”,   标题:“叶1-1-1”   },   {   价值:“112”,   标题:“叶1-1-2”   }   ]   },   {   标题:“父1 - 2”,   价值:“12”,   扩展:没错,   孩子:(   {   价值:“121”,   标题:“叶1-2-1”   },   {   价值:“122”,   标题:“叶1-2-2”   }   ]   }   ]   }   ];

js部分

//,子节点的选择   ,renderContent  (h,,{,根节点,data }), {   ,,,,,return  h(& # 39;选项# 39;,,{   ,,,,,,,,,风格:,{   ,,,,,,,,,,,显示:,& # 39;inline-block& # 39;   ,,,,,,,,,,,保证金:,& # 39;0 & # 39;   ,,,,,,,,,},   ,,,,,,,,,道具:{   ,,,,,,,,,,,的值:data.value   ,,,,,,,,,}   ,,,,,,,},,data.title);   ,,,},

关于使用iview怎么实现一个选择树树形下拉框就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。

使用iview怎么实现一个选择树树形下拉框