首页 > 其他分享 >新增列表获取(API)

新增列表获取(API)

时间:2022-11-15 00:22:11浏览次数:50  
标签:API userList res 列表 获取 api item sysUserSimple

前提:实现了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

相关文章

  • FastAPI官方教程太棒了(下)
    响应状态码在@app.post()方法中添加status_code参数:fromfastapiimportFastAPIapp=FastAPI()@app.post("/items/",status_code=201)asyncdefcreate_item(na......
  • 微信api
    微信api界面Objectwx.getSystemInfoSync()获取系统信息screenWidth number 屏幕宽度,单位px screenHeight number 屏幕高度,单位px windowWidth number 可使用窗口宽......
  • 【HMS Core】运动健康服务获取上床时间api返回 resultCode:1001 data:api permission ex
    问题描述:DATA_SESSION_CORE_SLEEP_BED在运动健康app上手动输入的睡眠时间获取睡眠详情可以获取到数据,但是获取上床时间api返回resultCode:1001data:apipermissionexce......
  • 创建openssl证书,实现集群外访问k8s api
    创建认证信息首先假设你装好了openssl(没装执行sudoyuminstallopensslopenssl-devel)1、创建一个文件夹叫做openssl-cert/$mkdir-p~/openssl-cert&&cd~/......
  • 实验7:基于REST API的SDN北向应用实践
    实验要求(一)基本要求1、编写Python程序,调用OpenDaylight的北向接口实现以下功能(1)利用Mininet平台搭建下图所示网络拓扑,并连接OpenDaylight;启动ODL./distribution-kar......
  • 实验7:基于REST API的SDN北向应用实践
    (一)基本要求1、编写Python程序,调用OpenDaylight的北向接口实现以下功能(1)利用Mininet平台搭建下图所示网络拓扑,并连接OpenDaylight;启动ODL./distribution-karaf-0.6.4-C......
  • 什么是API
    api是应用程序编程接口;举个例子:客户端发送异步请求到服务器请求数据,无论是客户端请求数据还是服务端响应数据,都要通过接口地址来通知,通信的时候使用了协议规定传递数......
  • 58. vue常用的api
    1. nextTick 使用场景:通过异步渲染的页面解构不能直接dom操作,要使用nextTick(延迟回调)等待一下;nextTick的作用:感知dom的更新完成,类似于updated;2.set用来追加响......
  • Spring学习笔记(2)实现 Bean 的定义、注册、获取
    代码目录结构small-spring-step-02└──src├──main│└──java│└──cn.bugstack.springframework.beans│├─......
  • 运行EasyCVR程序时,提示“缺少api-ms-win-crt-stdio-|1-1-0.dll”该如何解决?
    EasyCVR视频融合云服务支持海量视频汇聚与管理、处理、分发等视频能力。平台可在复杂的网络环境中,将分散的各类视频资源进行统一汇聚、整合、集中管理,实现视频资源的鉴权管......