1 回答

TA貢獻1796條經驗 獲得超7個贊
官網上有這么一句話:
值得注意的是只有當實例被創(chuàng)建時 data 中存在的屬性是響應式的。也就是說如果你添加一個新的屬性,像:
vm.b = 'hi'
那么對 b 的改動將不會觸發(fā)任何視圖的更新
這個問題的產生關鍵恰好就是vue實例中data的自動響應,所以解決辦法也很簡單:在創(chuàng)建實例之后再添加index即可:
<template>
<div>
helloworld
<router-link :to="{name:'Mypage'}"> 1111</router-link>
<ul id="example-1">
<li v-for="(item, index1) in items">
<div v-for="(v, index2) in item">
{{ getIndex () }}
</div>
</li>
</ul>
</div>
</template>
<script>
export default {
name: 'HelloWorld',
data () {
return {
items: [
['a', 'b', 'c'],
['e', 'f', 'a', 'b', 'c', 'a', 'b', 'c']
]
}
},
methods: {
getIndex () {
if (!this.index) {
this.index = 1
} else {
this.index++
}
return this.index
}
}
}
</script>
滿意請采納,有問題繼續(xù)探討
添加回答
舉報