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

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

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

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

     

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

     

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

     

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

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

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

温馨提示:

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

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

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

评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值