在vue3中如何把数组对象中的name和id转换成lable和value

最新推荐文章于 2024-05-20 14:16:24 发布

隐含

最新推荐文章于 2024-05-20 14:16:24 发布

阅读量628

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/u010782109/article/details/131703944

版权

【代码】在vue3中如何把数组对象中的name和id转换成lable和value。

摘要由CSDN通过智能技术生成

//1.方法一
//公共转换方法
export const replaceKeys= (data) => {
  const transformedData = data.map(item => ({
    value: item.id,
    label: item.name,
    parentId: item.parentId,
    children: item.postList.map(post => ({
        value: post.id,
        label: post.name,
        deptId: post.deptId,
        dataScope: post.dataScope
    }))
}));

return transformedData;
}
2.方法2
//公共转换方法把name转换成lable 把postList转换成children
export const replaceNameWithLabel= (data) => {
  if (typeof data === 'object') {
    if (Array.isArray(data)) {
      return data.map(item => replaceNameWithLabel(item));
    } else {
      const newData = {};
      for (const key in data) {
        if (key === 'name') {
          newData['label'] = data[key];
        } else {
          newData[key] = replaceNameWithLabel(data[key]);
        }
        if (key ===