folder Tahribat.com Forumları
linefolder Html - CSS - XML - JavaScript - Ajax
linefolder Döngü İçerisinde Fonksiyondan Gelen Değeri Yazdırma Problemi(Vue.Js)



Döngü İçerisinde Fonksiyondan Gelen Değeri Yazdırma Problemi(Vue.Js)

  1. KısayolKısayol reportŞikayet pmÖzel Mesaj
    motka
    motka's avatar
    Kayıt Tarihi: 28/Ekim/2012
    Erkek

    Vue tarafındaki kodlar aşağıdaki gibi.

    new Vue({
        el: '#app',
        data: {
            api_url: "http://xxxx/",
            users: {},
        },
        created() {
            this.getUsers();
        },
        methods: {
            
            getItems: function (data, url) {
                this.$data[data] = {};
                axios.get(this.api_url + url)
                    .then((response) => {
                        this.is_ready = true;
                        this.$data[data] = response.data;
                    }).catch((error) => {
                    console.log(error);
                });
            },
            getCount: function (url) {
    
                axios.get(this.api_url + url)
                    .then((response) => {
    
                       return response.data;
    
                    }).catch((error) => {
                    console.log(error);
                });
    
            },
            getUsers: function () {
                this.getItems('users', 'users/get');
            },
            getInboxCount: function (userID) {
                this.getCount("get/inbox/count/" + userID);
            }
    
        },
    });

     

    HTML kısmı da aşağıdaki gibi

    <div v-for="(user,index) in users">
    
    @{{ getInboxCount(user.id)}}
    
    </div>

    O "@" karakteri laravel kullandığım için var.

    getCount metodu içerisinde return ettiğim datayı dışarıya nasıl çıkartabilirim. İlla bir Vue compenent mi oluşturmam gerekiyor?

  2. KısayolKısayol reportŞikayet pmÖzel Mesaj
    motka
    motka's avatar
    Kayıt Tarihi: 28/Ekim/2012
    Erkek

    Güncel.

  3. KısayolKısayol reportŞikayet pmÖzel Mesaj
    ontedi
    ontedi's avatar
    Kayıt Tarihi: 04/Eylül/2005
    Erkek

    var strDeger = "";

    new Vue
    ...
    ..
    ..
    strDeger = response.data;
    return response.data;


    şeklinde dışarıda tanımladığın değeri fonksiyon sonucu gelen değere atayabilirsin diye düşünüyorum.

    Matematikçi ve Yazılımcı. http://www.ontedi.com ve http://www.cizgi.site Siteme beklerim herkesi.
  4. KısayolKısayol reportŞikayet pmÖzel Mesaj
    motka
    motka's avatar
    Kayıt Tarihi: 28/Ekim/2012
    Erkek
    ontedi bunu yazdı

    var strDeger = "";

    new Vue
    ...
    ..
    ..
    strDeger = response.data;
    return response.data;


    şeklinde dışarıda tanımladığın değeri fonksiyon sonucu gelen değere atayabilirsin diye düşünüyorum.

    Yok hocam bu şekilde de olmadı.

  5. KısayolKısayol reportŞikayet pmÖzel Mesaj
    coder2
    coder2's avatar
    Kayıt Tarihi: 15/Mart/2007
    Erkek

    Yeni konu açmaktansa burada bir soru sormak istiyorum.

    PhpStorm ile vue.js kullanırken syntax hataları alıyorum ve aldıkça gormezden gel demek zorunda kalıyorum. Ayrıca live template, emmet gibi pluginlerde çalışmıyor.  Setting kısmından .php file dosyasına *.vue kuralını tanımladım fakat yine yemiyor. İlla phpstorm ile vue.js project mi oluşturmak lazım ? Buna bir çozümü olan varsa sevinirim.

    Php ve Laravel için phpstorm ide si çok kullanışlı ve uzun süredir kullandığım için artık çok rahat kullanıyorum birçok ozelliğini. Ondan dolayı başka ide ye geçmeye de sıcak bakmıyorum.

     


    Önceleri Kızlar Utanınca Kızarırdı Şimdilerde Kızarınca Utanıyorlar..
  6. KısayolKısayol reportŞikayet pmÖzel Mesaj
    end
    end's avatar
    Kayıt Tarihi: 16/Ekim/2016
    Homo
    coder2 bunu yazdı

    Yeni konu açmaktansa burada bir soru sormak istiyorum.

    PhpStorm ile vue.js kullanırken syntax hataları alıyorum ve aldıkça gormezden gel demek zorunda kalıyorum. Ayrıca live template, emmet gibi pluginlerde çalışmıyor.  Setting kısmından .php file dosyasına *.vue kuralını tanımladım fakat yine yemiyor. İlla phpstorm ile vue.js project mi oluşturmak lazım ? Buna bir çozümü olan varsa sevinirim.

    Php ve Laravel için phpstorm ide si çok kullanışlı ve uzun süredir kullandığım için artık çok rahat kullanıyorum birçok ozelliğini. Ondan dolayı başka ide ye geçmeye de sıcak bakmıyorum.

     

    php içinde vue kullanamazsın ki? nasıl compile edecen onu?

    proje oluştur front, back ayır. Laravel api sağlayacak sadece.

    Vue'yi derledikten sonra laravelle bir serve edersin.

    end tarafından 22/Haz/19 13:18 tarihinde düzenlenmiştir

    0x0480 takilin madem
  7. KısayolKısayol reportŞikayet pmÖzel Mesaj
    coder2
    coder2's avatar
    Kayıt Tarihi: 15/Mart/2007
    Erkek
    end bunu yazdı
    coder2 bunu yazdı

    Yeni konu açmaktansa burada bir soru sormak istiyorum.

    PhpStorm ile vue.js kullanırken syntax hataları alıyorum ve aldıkça gormezden gel demek zorunda kalıyorum. Ayrıca live template, emmet gibi pluginlerde çalışmıyor.  Setting kısmından .php file dosyasına *.vue kuralını tanımladım fakat yine yemiyor. İlla phpstorm ile vue.js project mi oluşturmak lazım ? Buna bir çozümü olan varsa sevinirim.

    Php ve Laravel için phpstorm ide si çok kullanışlı ve uzun süredir kullandığım için artık çok rahat kullanıyorum birçok ozelliğini. Ondan dolayı başka ide ye geçmeye de sıcak bakmıyorum.

     

    php içinde vue kullanamazsın ki? nasıl compile edecen onu?

    proje oluştur front, back ayır. Laravel api sağlayacak sadece.

    Vue'yi derledikten sonra laravelle bir serve edersin.

    Laravel blade template  içinde kullanıyorum hocam. Vue yi yeni oğrenmeye başladığım için şuanda route , template vs olaylarına henüz girmedim fakat dediğiniz gibi php nin backend kısımda api olarak hizmet vereceğini biliyorum. Sadece phpstorm içinde vue yazarken syntax check , emmet vb pluginleri doğru çalıştırmaya çalışıyorum.


    Önceleri Kızlar Utanınca Kızarırdı Şimdilerde Kızarınca Utanıyorlar..
Toplam Hit: 570 Toplam Mesaj: 7
javascript vue