javascript - Dalam vue 2.0, jika el tidak wujud, bagaimana untuk menghentikan ajax daripada melaksanakan?

Question

Oleh kerana halaman mempunyai berbilang permintaan ajax, atau apabila anda ingin memanggil satu js pada berbilang halaman, anda tidak perlu menggunakan ajax itu juga akan meminta cara untuk menyelesaikan masalah ini. sebelumCreate dan mounted tidak berfungsi Tidak kira sama ada <p id="el名">storan wujud atau tidak, jika anda menggunakan konsol untuk memantaunya, permintaan ajax akan dikeluarkan. Tolong bantu saya menyelesaikan masalah

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

Adakah perlu menambah pertimbangan p? Contohnya:

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

}

Adakah cara yang lebih baik

Answer 1

Pertama sekali, anda perlu memahami bahawa html ialah html dan js ialah js Kod anda mencipta objek Vue baharu. Ini tidak bermakna jika elemen ini tidak wujud. objek tidak boleh dijadikan instantiated. Anda perlu Tambah logik anda sendiri untuk menentukan sama ada unsur ini wujud

---

 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... Gambar rajah kitaran hayat