1.v-for
直接上代碼。
範例一:
2.索引
在v-for 塊內我們能完全訪問父組件它是目前陣列元素的索引:
var example2 = new Vue({ el: '#example-2', data: { parentMessage: 'Parent', items: [ { message: 'Foo' }, { message: 'Bar' } ] } })
另外,你可以為索引符號的一個字
{{ index }} {{ item.message }}
從1.0.17 開始可以使用of 分隔符,更接近JavaScript 遍歷器語法:
3.在點擊事件中取到索引
方法一:新增自訂屬性
範例三:
例四(和二差不多):
效果與方法一相同。
如果想直接傳索引可以用以下方法:
範例五: