建站素材图片,常州建站价格,四川网站建设yijia028,山西建设网官方网站场景#xff1a;
el-cascader lazy multiple 反显数据
非lazy的场景 selecetedOptions2: [[1, 2, 3],[1, 2, 4],
],可以正常回显#xff1b; ok lazy场景下#xff1a; 是不可以回显的… 如果el-cascader是异步的单选 cascader默认会加载下个层级的#xff08;子…场景
el-cascader lazy multiple 反显数据
非lazy的场景 selecetedOptions2: [[1, 2, 3],[1, 2, 4],
],可以正常回显 ok lazy场景下 是不可以回显的… 如果el-cascader是异步的单选 cascader默认会加载下个层级的子层级会执行调用并选中状态 ok
所以只有lazy多选回显的时候有问题。 使用了其他的方法还是没有解决暂时搁置了。
this.$refs.deviceTree2.getCheckedNodes(true)
this.$refs.deviceTree.panel
this.$refs.deviceTree.panel.menus[0]
this.$refs.deviceTree.panel.lazyLoad(v)使用其他的组件vueblocks/elp-cascader适用于数据量较大的场景。
查询企业tree
tree可以是多层级且数据较多。
使用cascader使用tree使用input和tree模拟select效果使用了select把tree给扁平化了支持模糊搜索…
!--使用input和tree模拟select效果--
el-select v-modelsearchForm.deptId placeholder请选择 refselectTree clearablestylewidth: 100%;clearselectTreeClearel-option :keysearchForm.deptId:labelsearchForm.deptName:valuesearchForm.deptIdhidden/el-optionel-input v-modeldeptNameQuery placeholder输入关键字进行搜索inputgetOrgList stylewidth: 96%;margin-left: 2%;/el-inputel-tree refdeptTree stylemargin-top: 6px;:dataorganizationList:propstreerConfig2node-clickhandleNodeClick/el-tree
/el-select// 选择组织
handleNodeClick (data) {console.log(treeNode-data, data)this.searchForm.deptId data.idthis.searchForm.deptName data.deptName// 选择器执行完成后使其失去焦点隐藏下拉框的效果this.$refs.selectTree.blur()console.log(this.searchForm:, this.searchForm)
},/**** 获取所属企业组织* 1.有环境里有一万多条数据(一级一万多条二级很少很少)* cascaderelement2.x:* 1)一级一万多条二级很少很少此时页面会卡死* 2)7000多条一级数据当前页面渲染还行但是跳转其他页面的时候明显延迟了很多秒5s以上* tree:* 1)7000多条一级数据当前页面渲染已经有点困难了会有卡死现象* 2.其他方案* select里套一个input和tree然后做成模糊搜索的但是搜索结果不是tree类型的成平铺状态的了...**/element3.x是ok的。虚拟dom