如何在vue.js的v-model中使用多维json中的动态键？

我在选择select的选项时遇到问题，该选项的开始和结束数据位于以下多维json的动态键中：

rowsels: {"days":{"mon":{"start":"08:00","end":"18:00"},"tue":{"start":"09:00","end":"15:00"},"fou":{"start":"10:00","end":"19:00"},"fif":{"start":"15:00","end":"17:00"},"fri":{"start":"08:00","end":"18:00"},"sat":{"start":"24hours","end":"00:00"},"sun":{"start":"closed","end":"00:00"}},"obs":"We do not serve on weekends and holidays. Vacation in December until February."};

我需要这样做：

v-model="rowsels.days.{{ index }}.start"
v-model="rowsels.days.{{ index }}.end"

我已经尝试过很多其他的方法，但直到现在都没有效果

有人能帮我吗？♥

以下是我尝试执行的完整代码：

newvue({
el:“timesvue”，
数据：{
rowsels:{“天”：{“星期一”：{“开始”：“08:00”，“结束”：“18:00”}，“星期二”：{“开始”：“09:00”，“结束”：“15:00”}，“fou”：{“开始”：“10:00”，“结束”：“19:00”}，“fif”：{“开始”：“15:00”，“结束”：“17:00”}，“星期五”：{“开始”：“08:00”，“结束”：“18:00”}，“星期六”：{“开始”：“24小时”，“结束”：“00:00”}，“太阳”：“开始”，“结束”：“结束”：“我们在周末和节假日不提供服务。12月至2月休假。”}，
行：{“星期一”：“星期一”、“星期二”：“星期二”、“星期四”：“第四”、“国际足联”：“第五”、“星期五”：“星期五”、“星期六”：“星期六”、“星期日”：“星期日”}
}
})；

{{row}}
关闭
24小时
00:00
00:30
01:00
01:30
02:00
02:30
03:00
03:30
04:00
04:30
05:00
05:30
06:00
06:30
07:00
07:30
08:00
08:30
09:00
09:30
10:00
10:30
11:00
11:30
12:00
12:30
13:00
13:30
14:00
14:30
15:00
15:30
16:00
16:30
17:00
17:30
18:00
18:30
19:00
19:30
20:00
20:30
21:00
21:30
22:00
22:30
23:00
23:30
00:00
00:30
01:00
01:30
02:00
02:30
03:00
03:30
04:00
04:30
05:00
05:30
06:00
06:30
07:00
07:30
08:00
08:30
09:00
09:30
10:00
10:30
11:00
11:30
12:00
12:30
13:00
13:30
14:00
14:30
15:00
15:30
16:00
16:30
17:00
17:30
18:00
18:30
19:00
19:30
20:00
20:30
21:00
21:30
22:00
22:30
23:00
23:30

使用

[]

而不是

{{}

；胡须（

{{}}

）用于文本插值，并且需要使用javascript表达式：

v-model="rowsels.days[index].start"
v-model="rowsels.days[index].end"

---

你说的对，我在[->

.days.[index]

之前使用了一个点。非常感谢你的帮助。