vue与jquery合作

简介: 2017年2月26日 14:59:34 星期日 场景: jquery的$.post, $.get是$.ajax的封装, 是异步的 因此, 有肯能在初始化vue实例的时候, 异步请求的结果还没返回, 这就导致vue不能渲染dom 解决方法是: 1.

2017年2月26日 14:59:34 星期日

场景:

jquery的$.post, $.get是$.ajax的封装, 是异步的

因此, 有肯能在初始化vue实例的时候, 异步请求的结果还没返回, 这就导致vue不能渲染dom

解决方法是:

1. 先初始化vue对象, 关键点是, 要把随后要用到的变量留空;

2. 再调用jquery远程请求接口, 重新赋值给vue

代码:

 1 var vm = new Vue({
 2         el: '#addArticle',
 3         data: {
 4             cat_list: '',
 5             top:''
 6         }
 7     });
 8     $.get(cats_url, function (msg) {
 9         vm.cat_list = msg.result;
10     });
11 
12     $.get(top_url, function (msg) {
13         vm.top = msg.result;
14     });

 

目录
相关文章
|
2月前
|
存储 JavaScript 小程序
jQuery、vue、小程序、uni-app中的本地存储数据和接受数据
jQuery、vue、小程序、uni-app中的本地存储数据和接受数据
45 0
|
2月前
|
存储 JavaScript 小程序
jQuery、vue、小程序、uni-app中的本地存储数据和接受数据
jQuery、vue、小程序、uni-app中的本地存储数据和接受数据
48 1
|
2月前
|
JavaScript 前端开发 开发者
用 React/Vue 不如用 jQuery
用 React/Vue 不如用 jQuery
112 0
|
7月前
|
JavaScript 前端开发 API
Vue、jquery和angular之间区别
Vue、jquery和angular之间区别
54 2
|
2月前
|
JavaScript 前端开发 开发者
vue和jQuery有什么区别
vue和jQuery有什么区别
86 0
|
8月前
|
JavaScript
Vue3.0中如何引入jQuery并使用
Vue3.0中如何引入jQuery并使用
209 0
|
11月前
|
JavaScript 前端开发
Vue 和 jQuery 两者之间的区别是什么?
Vue 和 jQuery 两者之间的区别是什么?
71 0
|
11月前
|
移动开发 JavaScript 前端开发
vue和Jquery的区别
vue和Jquery的区别
|
2月前
|
JavaScript
jQuery图片延迟加载插件jQuery.lazyload
jQuery图片延迟加载插件jQuery.lazyload
|
26天前
|
设计模式 JavaScript 前端开发
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
21 1