全网整合营销服务商

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

免费咨询热线: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 


相关文章: 建站之星ASP如何实现CMS高效搭建与安全管理?  深圳网站制作培训,深圳哪些招聘网站比较好?  如何在Golang中处理模块冲突_解决依赖版本不兼容问题  如何零基础开发自助建站系统?完整教程解析  建站之星如何优化SEO以实现高效排名?  ,南京靠谱的征婚网站?  建站之星如何快速更换网站模板?  制作充值网站的软件,做人力招聘为什么要自己交端口钱?  利用JavaScript实现拖拽改变元素大小  免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况?  c# 在ASP.NET Core中管理和取消后台任务  常州自助建站:操作简便模板丰富,企业个人快速搭建网站  建站之星代理费用多少?最新价格详情介绍  免费制作小说封面的网站有哪些,怎么接网站批量的封面单?  如何用手机制作网站和网页,手机移动端的网站能制作成中英双语的吗?  移动端手机网站制作软件,掌上时代,移动端网站的谷歌SEO该如何做?  名字制作网站免费,所有小说网站的名字?  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛,就是里面都是武汉人的?  东莞专业网站制作公司有哪些,东莞招聘网站哪个好?  交易网站制作流程,我想开通一个网站,注册一个交易网址,需要那些手续?  视频网站制作教程,怎么样制作优酷网的小视频?  如何设置并定期更换建站之星安全管理员密码?  如何快速搭建个人网站并优化SEO?  开封网站制作公司,网络用语开封是什么意思?  创业网站制作流程,创业网站可靠吗?  c# F# 的 MailboxProcessor 和 C# 的 Actor 模型  北京建设网站制作公司,北京古代建筑博物馆预约官网?  网站制作员失业,怎样查看自己网站的注册者?  阿里云高弹*务器配置方案|支持分布式架构与多节点部署  公司网站制作费用多少,为公司建立一个网站需要哪些费用?  内部网站制作流程,如何建立公司内部网站?  国美网站制作流程,国美电器蒸汽鍋怎么用官方网站?  免费的流程图制作网站有哪些,2025年教师初级职称申报网上流程?  贸易公司网站制作流程,出口贸易网站设计怎么做?  广东企业建站网站优化与SEO营销核心策略指南  湖州网站制作公司有哪些,浙江中蓝新能源公司官网?  javascript中对象的定义、使用以及对象和原型链操作小结  C#怎么使用委托和事件 C# delegate与event编程方法  网站制作新手教程,新手建设一个网站需要注意些什么?  建站之星导航配置指南:自助建站与SEO优化全解析  高端网站建设与定制开发一站式解决方案 中企动力  详解ASP.NET 生成二维码实例(采用ThoughtWorks.QRCode和QrCode.Net两种方式)  专业制作网站的公司哪家好,建立一个公司网站的费用.有哪些部分,分别要多少钱?  企业网站制作公司网页,推荐几家专业的天津网站制作公司?  制作网站哪家好,cc、.co、.cm哪个域名更适合做网站?  潮流网站制作头像软件下载,适合母子的网名有哪些?  如何注册花生壳免费域名并搭建个人网站?  如何做静态网页,sublimetext3.0制作静态网页?  再谈Python中的字符串与字符编码(推荐)  如何高效配置香港服务器实现快速建站? 

您的项目需求

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