新增列表获取(API)

前提:实现了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>用来遍历
posted @ 2022-11-15 00:13  Cherishe  阅读(30)  评论(0)    收藏  举报