2019独角兽企业重金招聘Python工程师标准>>> hot3.png

在使用elementui1.x的tree组件时，如果数据量多大，那么在加载dom树，尤其是搜索的时候，数据非常缓慢

解决

  • 添加是否查询的变量开关：ifquery +默认 ifquery设置为false
  • 在加载的时候，先加载数据的一层和二层，将二层以下的数据删除
  • 在点击二层的时候，如果ifquery为false，使用node-expand的方法加载余下的节点内容
  • 在查询的时候，ifquery设置为true，此时数据为未删除的完整数据。

其他

  • 有懒加载方式的：elementui1.x tree
  • 在层级比较深的情况下，懒加载方式加载很慢。一般如果没有搜索的话可以使用懒加载。

转载于:https://my.oschina.net/yxmBetter/blog/1588250

# javascript # ui # 大数据
Logo
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}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Vue里echarts根据页面大小动态调整/自适应

Vue里echarts根据页面大小动态调整/自适应

avatar Vue