javascript - Dans Vue 2.0, si El n'existe pas, comment empêcher l'exécution d'Ajax?

Question

Parce qu'une page a plusieurs requêtes ajax, ou lorsque vous souhaitez appeler un js sur plusieurs pages, vous n'avez pas besoin d'utiliser ajax, elle demandera également des données. Comment résoudre ce problème. beforeCreate et Mounted ne fonctionnent pas. Peu importe que le <p id="el名">stockage existe ou non, si vous utilisez la console pour le surveiller, la requête ajax sera toujours émise. Veuillez m'aider à résoudre le problème. Merci beaucoup

.

        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 +")");
                    }
                })
            }
        });

Est-il nécessaire d'ajouter un jugement p ? Par exemple :

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

}

Y a-t-il une meilleure façon

Answer 1

Tout d'abord, vous devez comprendre que html est html et js est js. Votre code crée un nouvel objet Vue. Cet objet ne dépend pas de l'élément right-notice. l'objet ne peut pas être instancié. Vous devez ajouter votre propre logique pour déterminer si cet élément existe

.

---

 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 +")");
                        }
                    });
                }
            }
        });

Answer 2

https://cn.vuejs.org/v2/guide... Schéma du cycle de vie