全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

vue如何从接口请求数据

这两天学习了vue如何从接口请求数据,所以,今天添加一点小笔记。

<!doctype html>

<html>

  <head>

    <meta charset="UTF-8">

    <title>获取图片列表</title>

    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />    

  </head>

  <body>

    <div id="app">

      <ul>

        <li>

          <img v-for="imgItem in imgList" v-bind:src="imgItem.img" alt="" width="100%" height="100%"/>

        </li>

      </ul>

    </div>    

  </body>

  <script src="//cdn.bootcss.com/vue/2.1.0/vue.js" type="text/javascript" charset="utf-8"></script>

  <script src="//cdn.bootcss.com/vue-resource/1.0.3/vue-resource.js" type="text/javascript" charset="utf-8"></script>

  <script>

    var demo=new Vue({

      el:'#app',

      data: {

        imgList:[],

        getImgUrl: ''  //存数据接口        

      },

      created: function(){

        this.getImg()       //定义方法

      },

      methods: {

        getImg: function(){

          var that = this;    

          that.$http({      //调用接口

            method:'GET',

            url:this.getImgUrl //this指data

          }).then(function(response){ //接口返回数据

            this.imgList=response.data;             

          },function(error){

          })

        }

      }

    })

  </script>

</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


# vue  # 获取接口数据  # 请求接口  # vue.js请求接口数据  # 详解vue中使用axios对同一个接口连续请求导致返回数据混乱的问题  # Vue项目中接口调用的详细讲解  # Vue 请求传公共参数的操作  # vue中循环请求接口参数问题及解决  # 这两天  # 大家多多  # scale  # initial  # maximum  # minimum  # content  # viewport  # device  # width  # app  # id  # li  # ul  # scalable  # user  # div  # body  # brush  # class 


相关文章: C#如何在一个XML文件中查找并替换文本内容  广州营销型建站服务商推荐:技术优势与SEO优化解析  已有域名和空间如何快速搭建网站?  如何基于云服务器快速搭建网站及云盘系统?  深圳企业网站制作设计,在深圳如何网上全流程注册公司?  内部网站制作流程,如何建立公司内部网站?  子杰智能建站系统|零代码开发与AI生成SEO优化指南  建站之星价格显示格式升级,你的预算足够吗?  建站主机选购指南与交易推荐:核心配置解析  代刷网站制作软件,别人代刷火车票靠谱吗?  如何快速上传建站程序避免常见错误?  如何通过主机屋免费建站教程十分钟搭建网站?  黑客入侵网站服务器的常见手法有哪些?  如何在Windows环境下新建FTP站点并设置权限?  专业公司网站制作公司,用什么语言做企业网站比较好?  专业网站设计制作公司,如何制作一个企业网站,建设网站的基本步骤有哪些?  红河网站制作公司,红河事业单位身份证如何上传?  深入理解Android中的xmlns:tools属性  音乐网站服务器如何优化API响应速度?  企业网站制作公司网页,推荐几家专业的天津网站制作公司?  建站上传速度慢?如何优化加速网站加载效率?  大型企业网站制作流程,做网站需要注册公司吗?  c++怎么用jemalloc c++替换默认内存分配器【性能】  c# 在高并发下使用反射发射(Reflection.Emit)的性能  如何快速完成中国万网建站详细流程?  安徽网站建设与外贸建站服务专业定制方案  如何在服务器上配置二级域名建站?  如何获取免费开源的自助建站系统源码?  网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊,能赚钱吗?  网站制作新手教程,新手建设一个网站需要注意些什么?  网站规划与制作是什么,电子商务网站系统规划的内容及步骤是什么?  建站主机与服务器功能差异如何区分?  如何高效完成自助建站业务培训?  代购小票制作网站有哪些,购物小票的简要说明?  c# 服务器GC和工作站GC的区别和设置  建站DNS解析失败?如何正确配置域名服务器?  电视网站制作tvbox接口,云海电视怎样自定义添加电视源?  山东网站制作公司有哪些,山东大源集团官网?  建站之星图片链接生成指南:自助建站与智能设计教程  移民网站制作流程,怎么看加拿大移民官网?  c++ stringstream用法详解_c++字符串与数字转换利器  邀请函制作网站有哪些,有没有做年会邀请函的网站啊?在线制作,模板很多的那种?  Python路径拼接规范_跨平台处理说明【指导】  湖北网站制作公司有哪些,湖北清能集团官网?  浙江网站制作公司有哪些,浙江栢塑信息技术有限公司定制网站做的怎么样?  黑客如何利用漏洞与弱口令入侵网站服务器?  道歉网站制作流程,世纪佳缘致歉小吴事件,相亲网站身份信息伪造该如何稽查?  如何快速搭建高效香港服务器网站?  如何通过二级域名建站提升品牌影响力?  一键网站制作软件,义乌购一件代发流程? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。