Vue.js 如何在2V-for循环中使用$index值生成变量？

我尝试使用2V-for循环将一个月的天数放入表中

我想通过生成一个

t_index

变量来缩短代码，该变量等于

（（r_index-1）*7+c_index）-2

，但不知道如何在v-for循环中合理地执行

我试图使用一个计算组件，但它没有像预期的那样工作。那么，哪种方法最有效呢

十二月
{{（r_指数-1）*7+c_指数-2}
​

---

有一种简单、干净但鲜为人知的解决方案：

十二月
{{t_index}}
​

我不是这个方法的作者——我是在网上看到的

为了完整起见，我将在此引用：

对于那些现在可能会想，“嘿，我不知道有 未记录：在Vue中设置，没有。我在这里做的是依靠 Vue将评估任何绑定的JavaScript 属性，我只是选择发明一个名为：set的属性

作为提醒，绑定属性是以：或为前缀的属性 v-bind:。双引号内的JavaScript表达式将是 在当前组件和项目的上下文中进行评估 变量在其所在的v-for之外仍然可用 正在设置。因此，它不是一个局部变量，因此，它是一个局部变量 本地分配的组件范围（非反应性）变量

请注意，此属性不必在数据中声明 组件优先。然而，如果你不申报，它将不会 反应性。在上面的例子中，如果它是 反应性，但如果你使用这种模式，就要记住这一点

下面是Florian的代码分支（感谢Florian），显示了该模式 在工作

---

要使代码更具可读性，请使用方法。 这个

（r_索引-1）*7+c_索引-2===1

可以转化为一个方法，它接受

r_索引

和

c_索引

，并返回一个布尔值。

---

这同样适用于

（r_index-1）*7+c_index-2>0&（r_index-1）*7+c_index-2这样做模板中的所有逻辑很难阅读。最好先在computed属性中预计算表，然后再渲染它。我尝试使用computed，但它没有真正起作用计算：{t_index（）{return（r_index-1）*7+c_index-2}```