VueTreeselect 参数options的数据转换——参数normalizer
VueTreeselect 控件:<template><div><treeselect v-model="value" :normalizer="normalizer" placeholder="请选择..." :options="options" /></div></template>options的...
·
VueTreeselect 控件:
<template>
<div>
<treeselect v-model="value" :normalizer="normalizer" placeholder="请选择..." :options="options" />
</div>
</template>
options的值是个树形结构的数组:
options: [ {
id: '1',
name: 'a',
children: [ {
id: '11',
name: 'aa',
}, {
id: '12',
name: 'ab',
} ],
},
{
id: '2',
name: 'b',
children: []
} ],
normalizer属性,是用于将options的值,转换为符合vue-treeselect要求的数据格式;
vue-treeselect中,即使您为children属性分配一个空数组,依然会显示有分支,这时就可以使用normalizer去掉children属性:
normalizer(node){
//去掉children=[]的children属性
if(node.children && !node.children.length){
delete node.children;
}
return {
id: node.id,
//将name转换成必填的label键
label:node.name,
children:node.children
}
}
更多推荐
已为社区贡献1条内容
所有评论(0)