实习总结第四谈--------关于vue中定义接口、axios请求后台接口数据和传参与字段问题小结

本文详细介绍了在前端项目中如何实现从后端获取数据填充下拉框的过程,包括定义下拉框数组、调用API接口、处理数据以及显示效果。通过具体步骤和注意事项,帮助读者理解并掌握下拉框数据加载的实现方法。

我当前写的项目用到了下拉框并从后台获取数据;

  1. 模糊查询筛选条件中需要与后台对字段
    标签名字段和value值字段从后台对完的字段

     

  2. 在data中定义循环用到的下拉框数组                                                                                                                                          
  3. 在method方法中写拉取下拉框数据用到的函数                                                                                                                                
    不同的下拉框有不同的字段

     

  4. 在src文件夹中的api文件中定义好接口                                                                                                                                        
    在api中定义好根路径和各个功能的接口,并使用

     

  5. 在控制台中看数据传参是否成功

6.下拉框获取数据成功后页面效果图                                                                                                                                                    

下拉框中已经有了从后台获取到的数据

温馨提示:

我,作为一个神奇的喵系女孩,虽然反射弧稍微迟缓的长那么一点点,但,我必定是一只不容置疑的程序媛大佬!

你可以嘲笑我技术菜,但,你必须告诉我哪里错了,为什么错?

安静的等待本媛的下一篇实习总结吧!

本门课程重实战,将基础知识拆解到项目里,让你在项目情境里学知识。 这样的学习方式能让你保持兴趣、充满动力,时刻知道学的东西能用在哪、能怎么用。 平时不明白的知识点,放在项目里去理解就恍然大悟了。   一、融汇贯通 本视频采用了前后端分离的开发模式,前端使用Vue.js+Element UI实现了Web页面的呈现,后端使用Python 的Django框架实现了数据访问的接口,前端通过Axios访问后端接口获得数据。在学习完本章节后,真正理解前后端的各自承担的工作。   二、贴近实战 本系列课程为练手项目实战:学生管理系统v4.0的开发,项目包含了如下几个内容:项目的总体介绍、基本功能的演示、Vuejs的初始化、Element UI的使用、在Django中实现针对数据的增删改查的接口、在Vuejs中实现前端增删改查的调用、实现文件的上、实现表格的分页、实现导出数据到Excel、实现通过Excel导入数据、实现针对表格的批量化操作等等,所有的功能都通过演示完成、贴近了实战   三、课程亮点 在本案例中,最大的亮点在于前后端做了分离,真正理解前后端的各自承担的工作。前端如何后端交互   适合人群: 1、有Python语言基础、web前端基础,想要深入学习Python Web框架的朋友; 2、有Django基础,但是想学习企业级项目实战的朋友; 3、有MySQL数据库基础的朋友  
评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值