1、引入vue.js对应的取数据接口

  import { dictPage } from '@/api/dict/dictType/index';

　　

 

2、定义一个字段，页面渲染的时候初始化 

dictOptions: [],

　　return中还有很多数据暂时删除了方便截图

 

 3、写一个函数，调用接口函数，回调数据传入刚刚初始化的数据

      dictPage().then(response => {
        this.dictOptions = response.data.rows;
      });

　

 

4、定义下拉框，把已经传入数据的变量引入

        <el-form-item label="属性对象" prop="attrObj">
      <el-select class="filter-item" v-model="form.attrObj" placeholder="请录入需要的属性对象">
        <el-option v-for="attr in  dictOptions" :key="attr.code" :label="attr.name"
                       :value="attr.name"> </el-option>
      </el-select>
    </el-form-item>

　　

转载于:https://www.cnblogs.com/tabCtrlShift/p/9044542.html

# javascript # 前端 # 后端
GitHub 加速计划 / vu / vue
108
18
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架，具有简洁的语法和丰富的组件库，可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支：3 个月前 )
9e887079 [skip ci] 1 年前
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 1 年前
Logo
AtomGit开源社区

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念，把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起，为开发者提供从开发、训练到部署的一站式体验。

更多推荐

cover

Hunyuan OCR & Z-Image-Turbo 正式上线！两大模型在 NPU 加速平台完成部署，开启 AI 识图新时代！

avatar AtomGit开源社区
cover

智谱开源天团登陆 AtomGit，4 大模型覆盖多模态全场景！

avatar AtomGit开源社区

[深度评测] Zotero vs. EndNote vs. 沁言学术：下一代科研文献管理与知识生成平台的架构对比与选型指南

然而，随着AI技术的浪潮席卷而来，我们对科研工具的期待正在发生根本性转变——我们不再满足于一个被动的管理器，而是渴望一个能够主动辅助思考、生成洞见的“智能知识工作空间”。本文将从技术架构的视角，深度对比经典代表Zotero/EndNote与新生代平台“沁言学术”，探讨它们在设计哲学、技术实现和未来潜力上的核心差异，并为不同需求的研究者提供一份实用的选型指南。它们将数据处理和智能计算的重心迁移到云端

avatar AtomGit开源社区