修改后端返回数据中的键名
目录
修改后端返回数据中的键名
这个问题是我在用Vue的ElementUI中做项目(级联选择器)时遇到的。
假如我们想要得到如下结构的返回数据:
options: [
{value: '11', label: '小明'},
{value: '22', label: '小红'},
{value: '33', label: '小嘿'},
{value: '44', label: '小绿'},
{value: '55', label: '小黄'}
];
而后端返回给我们的却是这样的
options: [
{value: '11', name: '小明'},
{value: '22', name: '小红'},
{value: '33', name: '小嘿'},
{value: '44', name: '小绿'},
{value: '55', name: '小黄'}
];
那我们怎么把它变成我们想要的呢?
很简单, 我们只需要把用到的值进行转化做到和组件示例中的一样就行了:
JSON.stringify(options).replace(/name/g, 'label')
对,正则替换