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

iview中的树形控件与elment-ui中不同官方文档中要渲染的标题是写死的，固定用的是title。而我们请求过来要渲染的数据大多都不是title属性名，除非让后台改过。所以需要我们自己处理。数据处理代码是找的别人的：有了处理代码后，我们要怎么在项目中使用呢？我选择在Vue上挂载这个方法，请求到后台数据后直接调用this.方法名即可得到处理后的数据。首先，单独建立一个js文...

惊慌失措中...

3100人浏览 · 2019-07-15 00:29:35

惊慌失措中... · 2019-07-15 00:29:35 发布

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^