javascript - vue 2.0中,如果el不存在,怎样让ajax不要执行下去了
伊谢尔伦
伊谢尔伦 2017-06-26 10:55:39
0
2
829

因为一个页面有多个ajax请求,或者想多个页面调用一个js的时候,不需要用到的ajax,他也会请求数据,如何解决这个问题。beforeCreate与mounted不管用,不管<p id="el名">存不存在,用控制台监控,还是一样会发出ajax请求,请大大们帮忙解惑,感激不尽

        var rnotice =new Vue({
            el: '#right-notice',
            data: {sites:''},
            beforeCreate: function(){
                var _self = this;
                $.ajax({
                    type:'GET',
                    url:notice,
                    success:function(data){
                        _self.sites = eval("(" + data +")");
                    }
                })
            }
        });

是不是必须加个p的判断呢?比如:

if($('#right-notice').length>0){
   
  ajax....

}

还有没有更好的方法

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(2)
学习ing

首先要明白一点,html是html,js是js,你的代码new了一个Vue对象,这个对象并不会依存于right-notice这个元素,并不是这个元素不存在对象就无法实例化,需要你自己加逻辑去判断是否存在这个元素


 var rnotice =new Vue({
            el: '#right-notice',
            data: {sites:''},
            beforeCreate: function(){
                if(document.getElementById("right-notice")) {
                    var _self = this;
                    $.ajax({
                        type:'GET',
                        url:notice,
                        success:function(data){
                            _self.sites = eval("(" + data +")");
                        }
                    });
                }
            }
        });
phpcn_u1582

https://cn.vuejs.org/v2/guide...生命周期图示

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板