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 相关文章推荐
在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码
Feb 15 Javascript
js跨域和ajax 跨域问题的实现思路
Sep 05 Javascript
javascript 时间比较实现代码
Oct 28 Javascript
JQuery选择器、过滤器大整理
May 26 Javascript
通用javascript代码判断版本号是否在版本范围之间
Nov 29 Javascript
js中通过getElementsByName访问name集合对象的方法
Oct 31 Javascript
微信小程序侧边栏滑动特效(左右滑动)
Jan 23 Javascript
Vue filters过滤器的使用方法
Jul 14 Javascript
js实现数组和对象的深浅拷贝
Sep 30 Javascript
Vue 重置组件到初始状态的方法示例
Oct 10 Javascript
小程序实现左滑删除功能
Oct 30 Javascript
js实现倒计时器自定义时间和暂停
Feb 25 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采集利器 Snoopy 试用心得
2011/07/03 PHP
通过php快速统计某个数据库中每张表的数据量
2012/09/04 PHP
三种php连接access数据库方法
2013/11/11 PHP
php支持断点续传、分块下载的类
2016/05/02 PHP
TP5框架使用QueryList采集框架爬小说操作示例
2020/03/26 PHP
IE中radio 或checkbox的checked属性初始状态下不能选中显示问题
2009/07/25 Javascript
jQuery中val()方法用法实例
2014/12/25 Javascript
javascript修改图片src的方法
2015/01/27 Javascript
jQuery实现返回顶部效果的方法
2015/05/29 Javascript
简介BootStrap model弹出框的使用
2016/04/27 Javascript
Angular 理解module和injector,即依赖注入
2016/09/07 Javascript
JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)
2017/03/30 Javascript
JS中type="button"和type="submit"的区别
2017/07/04 Javascript
js实现本地时间同步功能
2017/08/26 Javascript
Angular网络请求的封装方法
2018/05/22 Javascript
12个提高JavaScript技能的概念(小结)
2019/05/09 Javascript
[02:43]DOTA2英雄基础教程 德鲁伊
2014/01/13 DOTA
python小技巧之批量抓取美女图片
2014/06/06 Python
分享几道你可能遇到的python面试题
2017/07/24 Python
Python解析命令行读取参数--argparse模块使用方法
2018/01/23 Python
Python使用googletrans报错的解决方法
2018/09/25 Python
python实现嵌套列表平铺的两种方法
2018/11/08 Python
python的schedule定时任务模块二次封装方法
2019/02/19 Python
Python 实现输入任意多个数,并计算其平均值的例子
2019/07/16 Python
使用HTML5的链接预取功能(link prefetching)给网站提速
2012/12/13 HTML / CSS
全球摩托车装备领导者:RevZilla
2017/09/04 全球购物
美国最大的无人机经销商:DroneNerds
2018/03/20 全球购物
Rowdy Gentleman服装和配饰:美好时光
2019/09/24 全球购物
英国家居用品和床上用品零售商:P&B Home
2020/01/16 全球购物
简述数组与指针的区别
2014/01/02 面试题
十八大报告观后感
2014/01/28 职场文书
歌颂祖国演讲稿
2014/05/04 职场文书
教师求职信范文
2014/05/24 职场文书
2014年小学教研工作总结
2014/12/06 职场文书
美丽人生观后感
2015/06/03 职场文书
2019年世界儿童日宣传标语
2019/11/22 职场文书