是否可以将"v-for"中的迭代元素用作数据属性中的对象键？

Question

我的情况是这样的：

1. v-for="i in 10"
   

2. new Vue({
   el: '#app',
   data: {
   howManyRow: null,
   date: { 
   1: Sat Dec 28 2019 00:00:00 GMT+1100 (Australian Eastern Daylight Time), 
   2: Sat Dec 28 2019 00:00:00 GMT+1100 (Australian Eastern Daylight Time)
   }
   } ...
   

我正在尝试显示类似{{ date[i] }}的东西，但它不起作用。

我还为这个问题做了一个例子，在这种情况下，我想让每行中的"Display: [Date]"工作(当前不显示任何日期(。

js小提琴：http://jsfiddle.net/Arthur998/tcLw81jk/78/

提前谢谢。

Answer 1

由于反应性问题，它不起作用。只需将 updateDate 方法替换为以下函数即可。

updateDate: function (data) {
//this.date[data.dateIndex] = data.date;
this.$set(this.date,data.dateIndex,data.date)
},

jsFiddle - http://jsfiddle.net/ynug7kLx/