vue.js - 是否可以将“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]"每一行中的工作（目前没有显示任何日期）。

jsFiddle：http: //jsfiddle.net/Arthur998/tcLw81jk/78/

提前致谢。

标签： vue.jsvuejs2

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/