VUE控件 VueTreeselect 參數options的數據轉換

VueTreeselect 控件javascript

            <Treeselect
                    :options="options"
                    :normalizer="normalizer"
                    placeholder="請選擇..."                    
                    v-model="addEventForm.parentId"/>

options的值是個樹形結構的數組,normalizer屬性,是用於轉換options的值的,把options的值,轉換爲符合vue-treeselect要求的數據格式。vue

//後臺返回的數據若是和VueTreeselect要求的數據結構不一樣,須要進行轉換
normalizer(node){
	//去掉children=[]的children屬性
	if(node.children && !node.children.length){
		delete node.children;
	}
	return {
		id: node.id,
		label:node.name,
		children:node.children
	}
}
相關文章
相關標籤/搜索