码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-06-12 11:13:39      阅读:327      评论:0      收藏:0      [点我收藏+]

标签:add   javascrip   dev   option   let   ali   parentId   amp   ret   

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
	}
}

  

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

标签:add   javascrip   dev   option   let   ali   parentId   amp   ret   

原文地址:https://www.cnblogs.com/zsg88/p/11008081.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!