VUE控件 VueTreeselect 参数options的数据转换

Posted 2022-01-04 zsg88

VueTreeselect 控件

            <Treeselect
                    :options="options"
                    :normalizer="normalizer"
                    placeholder="请选择..."                    
                    v-model="addEventForm.parentId"/>

options的值是个树形结构的数组，normalizer属性，是用于转换options的值的，把options的值，转换为符合vue-treeselect要求的数据格式。

//后台返回的数据如果和VueTreeselect要求的数据结构不同，需要进行转换
normalizer(node)
	//去掉children=[]的children属性
	if(node.children && !node.children.length)
		delete node.children;
	
	return 
		id: node.id,
		label:node.name,
		children:node.children