new Vue({el:'#bodylist',data: {list: [{"type_id": "1","type_name": "特色项目","program_list": [{"check_program_id": "1","program_name": "HRA健康风险评估与疾病早筛","program_price": "440"}, {"check_program_id": "2","program_name": "血清胃功能检测","program_price": "187"}, {"check_program_id": "3","program_name": "视力快速筛查","program_price": "22"}, {"check_program_id": "4","program_name": "低剂量螺旋CT肺癌筛查","program_price": "260"}]} ]},methods: {post: function (url, data) {return new Promise(function(resolve, reject) {$.ajax({type: 'POST',url: url,data:{'action':'check_program_list','user_id':data},success: function(res) {resolve(res);}})});}},created () {var _this= this;this.post('http://***/api/check_program.php', '1').then(function(res){var datas = $.parseJSON( res );console.log(datas.data);_this.list=datas.data;});}});}

一个vue请求接口渲染页面的例子

转载于:https://www.cnblogs.com/fps2tao/p/10691560.html

一个vue请求接口渲染页面的例子相关推荐

  1. vue请求在退出页面还执行吗_如何用 Cloudbase Framework 部署一个 Vue 项目

    无需修改业务代码,就能将 Vue 应用前后端一键托管部署在云开发平台~ Cloudbase Framework 是云开发官方出品的前后端一体化部署工具.目前已经 开源 . 关于 Cloudbase F ...

  2. vue请求接口有时候404_解决vue请求接口第一次成功,第二次失败问题

    使用vue去请求接口发现问题来了: 我请求只能请求一次,然后在按按钮去请求的时候发现 502(这个是接口定义的)502就是传了空的值过来 这个是其中一种情况,还有别的情况 你看了 大可试试我这样的办法 ...

  3. vue 3秒自动请求接口 刷新页面

    初始化数据 data(){return {timer:null} } 请求 mounted(){//登录后先请求 避免页面无数据this.allGetMock();//之后3秒自动刷新页面this.t ...

  4. uni-app微信小程序封装一个request请求接口

    在uniapp项目根目录里面新建一个文件 utils: 再新建一个api.js: //你的请求地址(线上或线下) const BASE_URL = 'https://www.baidu.com/' e ...

  5. php渲染页面简单例子,微信小程序如何渲染html内容(示例讲解)

    本篇文章给大家带来的内容是关于微信小程序如何渲染html内容(示例讲解),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 最近又做了一个新的小程序关于物流订单查询 遇到了一个小问题:数 ...

  6. vue websocket 实时渲染页面

    let app = new Vue({-}) app.args = respone.socket;

  7. vue服务端渲染 MySQL_Vue 服务端渲染

    关于 vue 做服务端渲染,目前主要有俩种解决方案,使用 vue-server-renderer 或者使用 nuxt .但个人感觉使用 nuxt 写法太死,以及即使你用 nuxt 写出了 vue ss ...

  8. 时间戳处理:vue中请求接口 返回的数据 将时间戳转换成时间 并渲染到页面

    问题: 今天遇到一个问题是,请求接口,返回了很多的时间戳数据.将时间戳转换成时间.并渲染到页面上.之前有篇文章讲的是单个时间戳的转换.这次是多个数据.我有点不知所措了. 分析: 经过思考,我们可以这样 ...

  9. 一个html页面请求多个接口,前端页面,一个页面几个接口请求比较合理?

    这个考虑问题的角度我觉得不太对,抛开剂量谈毒性都是耍流氓,抛开时间谈数量一样也是耍流氓. 有的接口访问一下是毫秒级的,有的接口访问一下是秒级的. 我们考虑这个问题的时候必然是综合来看的,比如你说的同一 ...

最新文章

  1. Windows10下如何安装配置 perl 环境
  2. Postman--Pre-request执行其他接口
  3. 递归查询mysql数据库设计
  4. spring quartz 的定时器cronExpression表达式写法(转载)
  5. 分享一个vscode主题收录网站,有了这个网站不用再求别人啦
  6. 半监督学习之数据加载
  7. 我花 1 分钟写了一段爬虫,帮助小姐姐解放了双手
  8. 应云而生,幽灵的威胁 - 云原生应用交付与运维
  9. c#中高效的excel导入oracle的方法(转)
  10. linux 6.5 mongdb php扩展插件,linux下为php添加mongodb扩展
  11. python机器学习-糖尿病预测模型
  12. 计算机主机组件图,电脑主机结构图大全
  13. matlab 调和级数作图,华工数学实验报告斐波那契数列.doc
  14. 平面设计师okr_设计师如何定制OKR?
  15. 哪吒之魔童降世视听语言影评_《哪吒之魔童降世》成功的要素与视听语言
  16. 超详细280页Docker实战文档,97.6 MB高清可下载
  17. 离散数学4_第5章关系与函数__关系矩阵
  18. STM32串口屏应用
  19. lol计算机内存,电脑内存快满了,在玩LOL是弹出内存不足。然后清理了下内存设置了下虚拟内存后电脑出现滴咚的声音并卡机...
  20. BaseRecyclerViewAdapterHelper源码解读(四) 上拉加载更多

热门文章

  1. Python treelib库创建多叉树的用法介绍
  2. 大话数据结构顺序表和链表
  3. 给DataList分页有两个办法:1、自定义实现分页方法 2、用第三方控件(例如AspNetPager)
  4. ASP.NET企业开发框架IsLine FrameWork系列之一--第一次的亲密接触
  5. ReportViewer教程(2)-添加空报表Report1.rdlc
  6. virtualbox android分辨率,VirtualBox 修改Android x86虚拟机的分辨率
  7. 开启协程_软件特攻队|GCC10发布,GCC 11将支持C++20协程功能?
  8. Eclipse中JDK从1.8换到1.7程序运行报错解决
  9. linux如何查看桌面环境变量,如何设置和查看Linux系统的环境变量
  10. java version 和javac版本不一致_windows安裝多個版本的jdk,解決java-version和javac-version版本不一致的問題...