您现在的位置是：网站首页> 编程资料编程资料
VueTreeselect 参数options的数据转换-参数normalizer解析_vue.js_
2023-05-24
326人已围观
简介 VueTreeselect 参数options的数据转换-参数normalizer解析_vue.js_
VueTreeselect 参数options的数据转换-参数normalizer
VueTreeselect 控件：
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 } }VueTreeselect 参数options的数据转换解析
VueTreeselect 控件
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-lunar-full-calendar的使用说明_vue.js_
- 小程序实现简单验证码倒计时_javascript技巧_
- 微信小程序转盘抽奖的实现方法_javascript技巧_
- vuex store 缓存存储原理分析_vue.js_
- vue对象添加属性(key:value)、显示和删除属性方式_vue.js_
- JavaScript中关于递归与回溯的实例详解_javascript技巧_
- vue项目配置element-ui容易遇到的坑及解决_vue.js_
- 如何在vue中使用jsx语法_vue.js_
- Vue.extend实现组件库message组件示例详解_vue.js_
- uniapp使用H5调试时跨域问题解决_javascript技巧_
