2016-08-09 43 views
0

Ich habe die Liste der Links:

<ul id="menu"> 
    <li v-for="item in items"> 
     <a href v-bind:href=link>{{item.message}}</a> 
    </li> 
    </ul> 


    var example1 = new Vue({ 
    el: '#menu', 
    data: { 
    items: [ 
     { message: 'Link1' }, 
     { message: 'Link2' } 
    ] 
    }, 
    computed: { 
     link: function() { 
      return f($index) // how do I access current array index ?? 
     } 
    } 
    }) 

I unter Verwendung Schnurrbart Markup in einem href Attribute das gewünschte Ergebnis erzielen kann, aber es muss möglich sein, diese $index Variable zuzugreifen innerhalb einer berechneten Funktion?

Antwort

3

Sie kann nicht.

Dies ist, welche Methoden sind für:

<a href v-bind:href="link($index)">{{item.message}}</a> 

methods: { 
    link: function(index) { 
    return f(index) 
    } 
} 
+0

Großen Dank, der wie es perfekt erledigt den Job aussieht! (Ich bin neu bei Vue) –

+1

Ich habe eine kleine Korrektur für Ihre Lösung gemacht und als akzeptiert markiert –

+0

Hoppla, ja ich meinte offensichtlich Methoden – gurghet