vue从swagger接口请求数据，并提取属性值赋给对象

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/qq_24044863/article/details/100783897

1. .vue中的created()中定义：this.initOptions(); // 初始化后端返回的数据，作为select option
2. 在methods中：

initOptions () {
	this.$api.get('/role/list', { systemId: ['2'] }).then(res => {
        console.log(res)
      })
}

4. 数据从接口中取到了，接下来，我要只取res中的name和id两个属性及值，并且要赋给一个新的对象，，how to do it ? 别告诉我用for循环，循环res的长度，可行，但是我不要
5. 好，在data中return一个options: [ ]
6. 然后，在上述代码中加上：

initOptions () {
	this.$api.get('/role/list', { systemId: ['2'] }).then(res => {
        console.log(res)
        this.options = res.map(item => { return { 'value': item.id, 'label': item.name } })
        console.log(this.options)
      })
}

7. OK，现在我的options是[{value: ‘…’, label: ‘…’} …]啦，我的***邪恶***的目的实现啦

该文和上一篇文章是一起的
技术有限，欢迎各位指正，一起交流