




Döngü İçerisinde Fonksiyondan Gelen Değeri Yazdırma Problemi(Vue.Js)
-
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?
-
Güncel.
-
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. -
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ı.
-
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.
-
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 -
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.