【Vue3】记录项目中把函数传入后端再返回来解析的过程

数据：有多种类型，包括函数。

// 举个例子
const data = [{ 
    value1:true,
    value2:"string",
    value3:0,
    value4:function (cellValue) { return cellValue ;}
}]

实现过程：
1.转为 json

// 可以用JSON.stringfy转换,我这里是后端初始化的数据
const data = [{ 
    "value1":true,
    "value2":"string",
    "value3":0,
     // 主要是把函数当做字符串存下来
    "value4":"function (cellValue) { return cellValue ;}"  
}]

2.获取到 json 后，使用 eval 转回来就可以了

data.forEach(item=>{
    item.value4 = eval('(' + item.value4 + ')')
})

注意：

eval() 函数会将传入的字符串当做 JavaScript 代码进行执行。

详情请见MDN。注意使用安全。