前提:实现了axios二次封装
// 注册api
// 获取员工列表
export const sysUserSimple = () => {
return request({
url: '/sys/user/simple'
})
}
// 导入api
import { sysUserSimple } from '@/api/departments'
// 调用api
// 获取员工简单列表
const res = await sysUserSimple()
console.log('员工列表', res)
// 存储api返回的数据
userList:[]
this.userList = res.data
// 下拉框聚焦事件:
<el-select @focus="getUserList">
async getUserList() { }
// 遍历存储的数据列表
v-for="item in userList"
:key="item.id"
:label="item.username"
:value="item.id"
补充:select也有数据双向绑定
<el-select v-model="form.xxx">
<el-option>用来遍历
标签:API,userList,res,列表,获取,api,item,sysUserSimple
From: https://www.cnblogs.com/strundent/p/16891061.html