这篇文章主要为大家详细介绍了Vue自嵌套树组件的使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了Vue自嵌套树组件的使用方法，供大家参考，具体内容如下
效果图
注意事项
- 组件自嵌套，定义名称时就定义为组件名
- 单选和多选用户时，以最顶级父组件的属性为准，由于组件内不能同步修改prop，故采用data注册另一个同类型数值用于接收组件内改变，并使用update，同步更新到prop上
- 展开组件才开始加载用户列表
<ul> <li> <div> <!-- 多选用户树 --><!-- 单选用户树 --><span> <i class="iconfont icon-user"></i> {{ item<strong style="color:transparent">本文来源gao@daima#com搞(%代@#码@网&</strong>.userName }}</span><!-- 展开用户树 --><i class="iconfont icon-right"></i></div><!-- 嵌套用户树 --></li></ul>
使用树组件
<div>{{ selectUser }}</div><div> <span>【{{ item }}】</span></div>
以上就是Vue自嵌套树组件使用方法详解的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：Vue自嵌套树组件使用方法详解
转载请注明原文链接：Vue自嵌套树组件使用方法详解
