代码拉取完成,页面将自动刷新
同步操作将从 阿森/js.tree 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
可以使用 map
修改数据
回调函数参数:
import { map } from '@zhengxs/js.tree'
const data = [
{
title: '财务',
children: [
{ title: '收入流失', children: [] },
{ title: '财务设置', children: [] }
]
},
{
title: '站点设置',
children: [
{ title: '收入流失', children: [] },
{ title: '财务设置', children: [] }
]
}
]
const result = map(data, (node, index, parents) => {
if (node.title === '财务') {
// 可以返回空的子节点,停止处理子级
// 已经做过浅拷贝,修改不会改变原始对象
node.children = []
return node
}
// 已经做过浅拷贝,修改不会改变原始对象
node.title = node.title + '测试'
// 必须返回内容
return node
})
// ->
// [
// {
// title: '财务',
// children: []
// },
// {
// title: '站点设置测试',
// children: [
// { title: '菜单维护测试', children: [] },
// { title: '角色维护测试', children: [] }
// ]
// }
// ]
默认子级列表的属性名称是 chilren,可以通过第三个参数修改
import { map } from '@zhengxs/js.tree'
const data = [
{
title: '财务',
items: [
{ title: '收入流失', items: [] },
{ title: '财务设置', items: [] }
]
},
{
title: '站点设置',
items: [
{ title: '收入流失', items: [] },
{ title: '财务设置', items: [] }
]
}
]
const result = map(
data,
(node, index, parents) => {
if (node.title === '财务') {
// 可以返回空的子节点,停止处理子级
// 已经做过浅拷贝,修改不会改变原始对象
node.children = []
return node
}
// 已经做过浅拷贝,修改不会改变原始对象
node.title = node.title + '测试'
// 必须返回内容
return node
},
'items'
)
// ->
// [
// {
// title: '财务',
// items: []
// },
// {
// title: '站点设置测试',
// items: [
// { title: '菜单维护测试', items: [] },
// { title: '角色维护测试', items: [] }
// ]
// }
// ]
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。