Vue2.X 通过AJAX动态更新数据


Posted in Javascript onJuly 17, 2018

最近在做一个跟美团同样一套预约系统,由于一个商家会有很多主题,而每个主题下面会有很多场次。

那怎么在一个页面把这些数据很好的动态展示出来呢?我首先想到了VUE的动态绑定数据。

由于第一次使用VUE,很多东西不懂,只能靠百度。服务器端返回的数据直接是JSON数据,初始数据完美的通过VUE渲染了出来,但是在切换主题显示场次信息的时候,出现了问题。发现数据是获取到了,但是VUE并没有对它进行渲染。

Vue2.X 通过AJAX动态更新数据 

var ndata = new Vue({
 el:'#playlist',
 data:{
 rows:{}
 },
 mounted: function() {
 var self = this;
 }
});
后来查了很多资料,通过以上方法,AJAX获取数据动态的成功绑定了数据
$.getJSON("URL, function(json){
//获取初始的数据
  ndata.rows = json;
});

总结

以上所述是小编给大家介绍的Vue2.X 通过AJAX动态更新数据,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Jquery知识点一 Jquery的ready和Dom的onload的区别
Jan 15 Javascript
jquery中dom操作和事件的实例学习-表单验证
Nov 30 Javascript
js实现的简单radio背景颜色选择器代码
Aug 18 Javascript
jquery ajax分页插件的简单实现
Jan 27 Javascript
jQuery实现响应鼠标事件的图片透明效果【附demo源码下载】
Jun 16 Javascript
深入剖析JavaScript面向对象编程
Jul 12 Javascript
BootStrap入门教程(三)之响应式原理
Sep 19 Javascript
微信小程序 网络请求(post请求,get请求)
Jan 17 Javascript
微信小程序 跳转传参数与传对象详解及实例代码
Mar 14 Javascript
MUI 上拉刷新/下拉加载功能实例代码
Apr 13 Javascript
js实现数据导出为EXCEL(支持大量数据导出)
Mar 31 Javascript
JavaScript 对象创建的3种方法
Nov 17 Javascript
浅谈Angularjs中不同类型的双向数据绑定
Jul 16 #Javascript
微信小程序实现循环动画效果
Jul 16 #Javascript
mpvue 如何使用腾讯视频插件的方法
Jul 16 #Javascript
Vue实现自定义下拉菜单功能
Jul 16 #Javascript
vue实现城市列表选择功能
Jul 16 #Javascript
JavaScript字符串转数字的5种方法及遇到的坑
Jul 16 #Javascript
Angular-UI Bootstrap组件实现警报功能
Jul 16 #Javascript
You might like
php巧获服务器端信息
2006/12/06 PHP
mysql 的 like 问题,超强毕杀记!!!
2007/01/18 PHP
新手菜鸟必读:session与cookie的区别
2013/08/22 PHP
php操作XML、读取数据和写入数据的实现代码
2014/08/15 PHP
php更新mysql后获取改变行数的方法
2014/12/25 PHP
laravel5.6中的外键约束示例
2019/10/23 PHP
PHP实现基本留言板功能原理与步骤详解
2020/03/26 PHP
元素的内联事件处理函数的特殊作用域在各浏览器中存在差异
2011/01/12 Javascript
获取内联和链接中的样式(js代码)
2013/04/11 Javascript
jQuery实现的多屏图像图层切换效果实例
2015/05/07 Javascript
可以浮动某个物体的jquery控件用法实例
2015/07/24 Javascript
vue系列之动态路由详解【原创】
2017/09/10 Javascript
Vue中的v-for指令不起效果的解决方法
2018/09/27 Javascript
vue.js中ref及$refs的使用方法解析
2019/10/08 Javascript
JS XMLHttpRequest原理与使用方法深入详解
2020/04/30 Javascript
vue组件开发之slider组件使用详解
2020/08/21 Javascript
Python的Django中django-userena组件的简单使用教程
2015/05/30 Python
Python 爬虫的工具列表大全
2016/01/31 Python
python用post访问restful服务接口的方法
2018/12/07 Python
python画图系列之个性化显示x轴区段文字的实例
2018/12/13 Python
python执行CMD指令,并获取返回的方法
2018/12/19 Python
django API 中接口的互相调用实例
2020/04/01 Python
python异步Web框架sanic的实现
2020/04/27 Python
Jupyter notebook如何修改平台字体
2020/05/13 Python
python主要用于哪些方向
2020/07/05 Python
CSS3实现歌词进度文字颜色填充变化动态效果的思路详解
2020/06/02 HTML / CSS
基于HTML5超酷摄像头(HTML5 webcam)拍照功能实现代码
2012/12/13 HTML / CSS
Reebok官方旗舰店:美国知名健身品牌锐步
2019/01/07 全球购物
Kiehl’s科颜氏西班牙官方网站:源自美国的植物护肤品牌
2020/02/22 全球购物
Optimalprint加拿大:在线打印服务
2020/04/03 全球购物
在校实习生求职信
2014/06/18 职场文书
股指期货心得体会
2014/09/13 职场文书
2014年业务工作总结
2014/11/17 职场文书
投资公司董事长岗位职责
2015/04/16 职场文书
导盲犬小Q观后感
2015/06/11 职场文书
Golang map映射的用法
2022/04/22 Golang