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 相关文章推荐
javascript实现的listview效果
Apr 28 Javascript
js下关于onmouseout、事件冒泡的问题经验小结
Dec 09 Javascript
滚动图片效果 jquery实现回旋滚动效果
Jan 08 Javascript
Jquery操作Ajax方法小结
Nov 29 Javascript
JavaScript代码性能优化总结(推荐)
May 16 Javascript
angular ng-click防止重复提交实例
Jun 16 Javascript
vue-router3.0版本中 router.push 不能刷新页面的问题
May 10 Javascript
React key值的作用和使用详解
Aug 23 Javascript
一个小时快速搭建微信小程序的方法步骤
Apr 15 Javascript
Vue函数式组件的应用实例详解
Aug 30 Javascript
Vue实现剪切板图片压缩功能
Feb 04 Javascript
vue el-tree 默认展开第一个节点的实现代码
May 15 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异常处理技术,顶级异常处理器
2012/06/13 PHP
PHP连接数据库实现注册页面的增删改查操作
2016/03/27 PHP
js 获取元素下面所有li的两种方法
2014/04/14 Javascript
离开当前页面前使用js判断条件提示是否要离开页面
2014/05/02 Javascript
jQuery 1.9移除了$.browser可以使用$.support来替代
2014/09/03 Javascript
js控制输入框获得和失去焦点时状态显示的方法
2015/01/30 Javascript
浅谈Javascript数据属性与访问器属性
2016/07/26 Javascript
Vue Ajax跨域请求实例详解
2017/06/20 Javascript
express框架实现基于Websocket建立的简易聊天室
2017/08/10 Javascript
Vue2.0结合webuploader实现文件分片上传功能
2018/03/09 Javascript
JavaScript轮播停留效果的实现思路
2018/05/24 Javascript
图片文字识别(OCR)插件Ocrad.js教程
2018/11/26 Javascript
Cocos2d实现刮刮卡效果
2018/12/20 Javascript
JavaScript函数的4种调用方法实例分析
2019/03/05 Javascript
基于vue-draggable 实现三级拖动排序效果
2020/01/10 Javascript
vue中 v-for循环的用法详解
2020/02/19 Javascript
python赋值操作方法分享
2013/03/23 Python
Python+Socket实现基于TCP协议的客户与服务端中文自动回复聊天功能示例
2017/08/31 Python
快速解决PyCharm无法引用matplotlib的问题
2018/05/24 Python
python验证码识别教程之灰度处理、二值化、降噪与tesserocr识别
2018/06/04 Python
python中matplotlib条件背景颜色的实现
2019/09/02 Python
python 字符串常用方法汇总详解
2019/09/16 Python
基于keras 模型、结构、权重保存的实现
2020/01/24 Python
python数据分析工具之 matplotlib详解
2020/04/09 Python
Visual Studio code 配置Python开发环境
2020/09/11 Python
CSS3 border-radius圆角的实现方法及用法详解
2020/09/14 HTML / CSS
Hotels.com香港酒店网:你的自由行酒店订房专家
2018/01/22 全球购物
JACK & JONES荷兰官网:男士服装和鞋子
2021/03/07 全球购物
俄罗斯便宜的在线服装商店:GroupPrice
2020/04/10 全球购物
建筑实习自我鉴定
2013/10/18 职场文书
五年级学生评语
2014/04/22 职场文书
卖车协议书范本4篇
2014/10/01 职场文书
财产分割协议书范本
2014/11/03 职场文书
2014年客房服务员工作总结
2014/11/18 职场文书
违纪检讨书
2015/01/27 职场文书
大学新生入学感想
2015/08/07 职场文书