修改后端返回数据中的键名

这个问题是我在用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')

对,正则替换

发布了35 篇原创文章 · 获赞 17 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/qq_39024950/article/details/88948050
今日推荐