2016-08-09 7 views
0

私はリンクのリストを持っている:

<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 ?? 
     } 
    } 
    }) 

私はhref属性に口ひげのマークアップを使用して所望の結果を達成することができますが、計算された機能の中から、この$index変数にアクセスすることは可能でなければなりませんか?

答えて

3

あなたできません。それは完璧に仕事をするようになります

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

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

大感謝:

これは方法がのためにあるものです! (Vueを初めて使用しています) –

+1

あなたのソリューションに小さな修正を加え、受け入れ済みとマークしました –

+0

おっと、私は明らかに方法を意味しました – gurghet

関連する問題