bileşen örnekleri arasında ayrım Nasıl, ben ağaç görünümünde aynı bileşenin birden çok örneğini görebilirsiniz. Bununla birlikte, bir örneği diğerinden ayırmanın bir yolu yoktur. Örneğin, aşağıdaki ekran görüntüsünde üç adet <Todo>
bileşen bulunmaktadır. Bunun yerine 30 olduğunu düşünün. Bileşenlerime nasıl bir örnek isim veya kimlik ekleyebilirim? İhtiyacım olanı bulmak için 30 bileşeni tıklamak zorunda kalman aptalca görünüyor.Ben Vue 'devtools krom uzantısı başvurum durumuna baktığımızda Vue DevTools'un
5
A
cevap
1
Ben de aynı fikri önce birkaç ay vardı.
yüzden bir deneyin verdi.Benim PR sunulmuştur: https://github.com/vuejs/vue-devtools/pull/331
Bu çekirdek ekibi yine PR reddetmek veya başka adlandırma kurallarına isteği beri çözümü güvenmek biraz erken muhtemelen.
O zamana kadar sen benim repo Teklifim sürümünü kendiniz oluşturabilirsiniz: https://github.com/nerdyglasses/vue-devtools/tree/verbose-component-tree
sana yardım mı?
En
Christianİlgili konular
- 1. Vue - webpack vue loader yapılandırması
- 2. Vue CSP modunu kullanarak bir Chrome uzantısı geliştirirken Vue uzantısını kullanabilir miyim?
- 3. Vue-cli
- 4. Vue kaydırıcıyı çalıştırılamıyor
- 5. Laravel Vue Dil Çeviri
- 6. Vue, bir kurucu değil
- 7. Veriler (json) vue örneğine geçirme
- 8. [Vue uyarısı]: Vurgulama işlevi oluşturulamadı:
- 9. Vue.JS Vue-Tablolar Laravel İlişkisi
- 10. Vue bileşen numarası değeri olmadan
- 11. Vue 2.0'daki Olaylar'a dokunun
- 12. Bir parametreyi Vue @click'e aktarma
- 13. Bir Vue bileşenini nasıl kaydederim?
- 14. Vue: Depo bileşenle nasıl kullanılır?
- 15. php değişkenini vue bileşen örneğine geçirme
- 16. Vue Router ile bağlantı etiketleri oluşturma
- 17. Vue için kullanılan nesne içindeki nesneleri güncelleştirirken Vue js reaktivite sorunu
- 18. Vue Kaynak kök seçenekleri kullanılmıyor mu?
- 19. Genel bileşenler vue yönlendiriciyle nasıl kaydedilir
- 20. Vue JS - Bileşenlerle v-if kullanarak
- 21. Vue-cli'da ESLint nasıl devre dışı bırakılır?
- 22. (VueJS) vue yönlendirici birden çok yolu eşleştiriyor
- 23. vue/html kanvas ürün yapılandırıcısı nasıl
- 24. vue + webpack projesi img, statik src'yi yükleyemiyor
- 25. Vue-kayış Radyo Düğmeleri vue.js ile çalışmaz
- 26. Geçerli Vue bileşeninin DOM öğesi nasıl alınır?
- 27. Yeni krom devtools yöneticilerinden nasıl kurtulur?
- 28. Krom uzantısı nasıl barındırılır?
- 29. Chrome devtools panel uzantısı nasıl hata ayıklanır?
- 30. Selenium'u kullanarak krom uzantısı yükleme
o github Repo https://github.com/vuejs/vue-devtools/issues belki onlar bunu katacak üzerinde bir sorunu açmak için yararlı olacağını şu anda hiçbir yolu varsa gelecekte. –
Bu çalışma gibi bir şeyi nasıl tercih ederdiniz? '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' 'Vue.config.devtoolsComponentIdentifierMap = {Todo: 'id'}' Daha sonra gibi bir şey alın || || Müfettişte ? bu iyi bir çözüm olmadığını –
bilmiyorum ama bu 'bu sonuçlara yol açabilir $ options.name = + this.todo.someProp' ABDEL-RHMAN @ Bileşeniniz' mounted' yöntemde –