el-select get data list for backend api

布满荆棘的人生 2022-02-03 12:01 145阅读 0赞

element-ui框架,从后台api获取数据,生成select框选项. 这本来是很简单的一段代码, 但是官方文档没有相应示例, 而百度搜到的好几篇文章竟然都是错误的写法, 费了一番功夫, 才把效果实现出来.

最终代码大致如下:

<el-form
          :model="TeacherAddForm"
          :rules="rules"
          ref="TeacherAddForm"
          label-width="100px"
          class="demo-TeacherAddForm"
        >
          <el-form-item label="账号" required>
            <el-select v-model="TeacherAddForm.user_id">
              <el-option
                v-for="item in accountList"
                :key="item.id"
                :label="item.username"
                :value="item.id"
              ></el-option>
            </el-select>
          </el-form-item>
    
    ...
    
     data() {
        return {
          accountList: [],
          TeacherAddForm: {
            user_id: "",
            bank_account: ""
          }
        }
      },
      created() {
        http.get("/accounts/list?type=1").then(res => {
          res.datas.forEach(i => {
            this.accountList.push(i);
          });
        });
      },

发表评论取消回复

表情：

评论列表（有 0 条评论，145人围观）

还没有评论，来说两句吧...

相关阅读

相关 Multi GET API

Multi GET API介绍 GET /lib/user/_mget { "docs":[ { "_i

绝地灬酷狼/ 2023年07月13日 15:04/ 0 赞/ 12 阅读

相关 BFF —— Backend For Frontend

本文主要内容：什么是 BFF BFF 解决了什么问题使用 BFF 的正确姿势实战中的玩法什么是 BFF BFF，即 Backend

朱雀/ 2023年05月29日 15:29/ 0 赞/ 160 阅读

相关 Data Structure - List (C)

分享一个大牛的人工智能教程。零基础！通俗易懂！风趣幽默！希望你也加入到人工智能的队伍中来！请点击[http://www.captainbed.net][http_www.cap

客官°小女子只卖身不卖艺/ 2023年01月13日 15:51/ 0 赞/ 167 阅读

相关解决AttributeError: module ‘keras.backend‘ has no attribute ‘get_session‘

解决AttributeError: module ‘keras.backend’ has no attribute ‘get\_session’ 报错信息

Myth丶恋晨/ 2022年12月27日 08:43/ 0 赞/ 152 阅读

相关 pythreejs is needed for plotting with pythreejs backend

pythreejs is needed for plotting with pythreejs backend 找到代码： [https://github.com/daav

矫情吗；*/ 2022年08月29日 06:16/ 0 赞/ 20 阅读

相关 Architecting Backend For A Social Product

Architecting Backend For A Social Product ![19864243856_501fb9d30f_m.jpg][] This is

痛定思痛。/ 2022年08月04日 05:15/ 0 赞/ 174 阅读

相关 BFF —— Backend For Frontend

本文主要内容：什么是 BFF BFF 解决了什么问题使用 BFF 的正确姿势实战中的玩法什么是 BFF BFF，即 Backend F

朱雀/ 2022年05月18日 08:43/ 0 赞/ 175 阅读

相关 Short List of RESTful API Frameworks for PHP

原文：http://blog.programmableweb.com/2011/09/23/short-list-of-restful-api-frameworks-for-p

青旅半醒/ 2022年04月14日 04:41/ 0 赞/ 125 阅读

相关 el-select get data list for backend api

element-ui框架,从后台api获取数据,生成select框选项. 这本来是很简单的一段代码, 但是官方文档没有相应示例, 而百度搜到的好几篇文章竟然都是错误的写法, 费

布满荆棘的人生/ 2022年02月03日 12:01/ 0 赞/ 146 阅读

相关 postman GET List请求

1、spring boot接口 @GetMapping("/getUsers") public List<User> getUsers(@RequestP

﹏ヽ暗。殇╰゛Y/ 2021年10月23日 09:37/ 0 赞/ 652 阅读