2016-08-09 17 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