[vue]使用Element--Tree 树形控件使用props解决自定义slot-scope=“{ node, data }“的对象问题

[vue]使用Element--Tree 树形控件使用props解决自定义slot-scope=“{ node, data }“的对象问题_第1张图片

 在未用props定义的情况下,slot-scope="{ node, data }"解析data对象只有data含有lable和children才能识别出内容和子节点

当我获取的数据如下,没有lable和children,使用的是name和childList,如下图所示:

[vue]使用Element--Tree 树形控件使用props解决自定义slot-scope=“{ node, data }“的对象问题_第2张图片

注意props是对象形式,

[vue]使用Element--Tree 树形控件使用props解决自定义slot-scope=“{ node, data }“的对象问题_第3张图片

[vue]使用Element--Tree 树形控件使用props解决自定义slot-scope=“{ node, data }“的对象问题_第4张图片

 

 [vue]使用Element--Tree 树形控件使用props解决自定义slot-scope=“{ node, data }“的对象问题_第5张图片

 

 

你可能感兴趣的:(vue问题,vue.js,前端,javascript)