vue项目iview插件中树形控件使用方法(如何渲染处理后台请求的数据)

iview中的树形控件与elment-ui中不同 官方文档中要渲染的标题是写死的,固定用的是title。而我们请求过来要渲染的数据大多都不是title属性名,除非让后台改过。所以需要我们自己处理。
数据处理代码是找的别人的:也可以使用map方法
vue项目iview插件中树形控件使用方法(如何渲染处理后台请求的数据)_第1张图片
有了处理代码后,我们要怎么在项目中使用呢?
我选择在Vue上挂载这个方法 ,请求到后台数据后直接调用 this.方法名 即可得到处理后的数据。
首先,单独建立一个js文件 默认导出vue项目iview插件中树形控件使用方法(如何渲染处理后台请求的数据)_第2张图片
然后,在需要用到的页面引入
在这里插入图片描述
最后,在获取数据的事件函数中直接调用this.getData(要处理的数据) 就可以获取想要的数据了在这里插入图片描述

你可能感兴趣的:(ivew插件之树形控件使用)