Vue.js Bileşen adına göre

Question

çocuklara göre belirli bir çocuğa erişmeye çalışıyorum. Çünkü çocuk nerede yapıldığı anda ben bu tarafından çocuğu arayacağım: o çocuk her zaman [0] ideal tarafından olurdu harika olarak

this.$root.$children[0] 

sürece tamam gidecekseniz yolu ise

this.$root.$children['detail'] 

i $ ref sorunuma anwser olabilir ama bana yardımcı olan bir yol bulmak asla düşünmeye devam: böyle bir şey yapmak.

herhangi bir fikir?

Answer 1

Bu çocuk, gerçekten erişmek istediğiniz bileşenin bir çocuğundan bahsediyor musunuz?

// in the code of the parent component, access the referenced child component like this: 
 

 
this.$refs.detailsChild

<!-- Template of the parent component, assuming your child Component is called Details --> 
 
<details v-ref:details-child></details>

ilgili API Belgeleri: Örneğin

this.$root.$children[0].$options.name 

: Bu özellik kullanabilirsiniz http://vuejs.org/api/#v-ref

Answer 2

this.$root.$children[0].constructor.name 

Answer 3

Bu durumda, v-ref gerçekten cevaptır :

this.$root.$children.find(child => { return child.$options.name === "name"; }); 

Answer 4

Mutlaka derinden iç içe bileşenleri varsa aslında bazen mümkün değildir, $refs gerekmez. Arama yaparken birkaç kez bu Q & A buldum, ama sonunda bu duruma sık sık rastladığımdan beri kendi çözümümüzü uygulamaya karar verdim. Döngü için eski okuldan ayrılmayın, birkaç nedenden ötürü gereklidir, bir için, x<descendants.length için test ediyorum (len=descendants.length gibi bir şey ayarlamaya ve buna karşı test yapmak yerine). Döngü için ikinci yığında iterek.

Birincisi, kullanımı:

let unPersonalizable = matchingDescendants(this, /a.checkimprintfiinformation$/, {first: true}); 

Uygulama: Bu kullanarak Vue v2 gelen insanlar için

function matchingDescendants(vm, matcher, options) { 
    let descendants = vm.$children; 
    let descendant; 
    let returnFirst = (options || {}).first; 
    let matches = []; 

    for (let x=0; x<descendants.length; x++) { 
     descendant = descendants[x]; 

     if (matcher.test(descendant.$vnode.tag)) { 
      if (returnFirst) { 
       return descendant; 
      } 
      else { 
       matches.push(descendant); 
      } 
     } 

     for (let y=0, len = descendant.$children.length; y<len; y++) { 
      descendants.push(descendant.$children[y]); 
     }  
    } 

    return matches.length === 0 ? false : matches; 
}