vue与jquery合作

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

场景:

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

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

解决方法是:

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

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

代码:

 var vm = new Vue({
         el: '#addArticle',
         data: {
             cat_list: '',
             top:''
         }
     });
     $.get(cats_url, function (msg) {
         vm.cat_list = msg.result;
     });

     $.get(top_url, function (msg) {
         vm.top = msg.result;
     });

2019-4-8 12:15:22 星期一

参考

使用<a>标签时，必须令href="JavaScript:void(0)"，这样做的作用是禁止页面刷新（表示页面不做任何动作），否则vue渲染会失败