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 相关文章推荐
ajax页面无刷新 IE下遭遇Ajax缓存导致数据不更新的问题
Dec 11 Javascript
JavaScript数值数组排序示例分享
May 27 Javascript
JQuery日历插件My97DatePicker日期范围限制
Jan 20 Javascript
js遍历json对象所有key及根据动态key获取值的方法(必看)
Mar 09 Javascript
jquery实现tab键进行选择后enter键触发click行为
Mar 29 jQuery
angular2系列之路由转场动画的示例代码
Nov 09 Javascript
bootstrap datetimepicker控件位置异常的解决方法
Nov 23 Javascript
浅谈实现vue2.0响应式的基本思路
Feb 13 Javascript
详解vue的数据劫持以及操作数组的坑
Apr 18 Javascript
vue项目中使用AES实现密码加密解密(ECB和CBC两种模式)
Aug 12 Javascript
ng-alain的sf如何自定义部件的流程
Jun 12 Javascript
快速解决Vue、element-ui的resetFields()方法重置表单无效的问题
Aug 12 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数组生成html下拉列表的方法
2015/07/20 PHP
详解PHP的Yii框架中自带的前端资源包的使用
2016/03/31 PHP
PHP 数组操作详解【遍历、指针、函数等】
2020/05/13 PHP
类似GMAIL的Ajax信息反馈显示
2010/02/16 Javascript
JQUERY实现左侧TIPS滑进滑出效果示例
2013/06/27 Javascript
查看大图功能代码jquery版
2013/11/05 Javascript
jQuery中extend()和fn.extend()方法详解
2015/06/03 Javascript
javascript常用经典算法实例详解
2015/11/25 Javascript
轻松搞定jQuery.noConflict()
2016/02/15 Javascript
jquery 遍历数组 each 方法详解
2016/05/25 Javascript
JSONP跨域请求实例详解
2016/07/04 Javascript
浅谈js键盘事件全面控制
2016/12/01 Javascript
微信小程序 引用其他js文件实现代码
2017/02/22 Javascript
Vue.extend构造器的详解
2017/07/17 Javascript
vue中v-for加载本地静态图片方法
2018/03/03 Javascript
vue实现学生信息管理系统
2020/05/30 Javascript
Vue 3.0中jsx语法的使用
2020/11/13 Javascript
Python中的tuple元组详细介绍
2015/02/02 Python
Python版微信红包分配算法
2015/05/04 Python
python pandas dataframe 按列或者按行合并的方法
2018/04/12 Python
python验证码识别教程之灰度处理、二值化、降噪与tesserocr识别
2018/06/04 Python
Python matplotlib绘制饼状图功能示例
2019/09/10 Python
详解python常用命令行选项与环境变量
2020/02/20 Python
Python接口测试get请求过程详解
2020/02/28 Python
Python图像处理之膨胀与腐蚀的操作
2021/02/07 Python
流行文化收藏品:Sideshow(DC漫画,星球大战,漫威)
2019/03/17 全球购物
STAUD官方网站:洛杉矶独有的闲适风格
2019/04/11 全球购物
Spotahome意大利:公寓和房间出租
2020/02/21 全球购物
Sisley法国希思黎美国官方网站:享誉全球的奢华植物美容品牌
2020/06/27 全球购物
PHP引擎php.ini参数优化深入讲解
2021/03/24 PHP
中学教师管理制度
2014/01/14 职场文书
运动会广播稿200字
2014/01/15 职场文书
室内趣味活动方案
2014/08/24 职场文书
2015年乡镇残联工作总结
2015/05/13 职场文书
我的长征观后感
2015/06/09 职场文书
MongoDB数据库之添删改查
2022/04/26 MongoDB