Vue.js Vue按方法返回v模型名称

我正在创建一个小时费率表。我的数据库费率表中有所有类别。我希望能够增加类别，它会自动增加我表单上的字段。。把它全部循环一遍

用户需要选择从开始到结束的速率。我以这个速度开始，以这个速度结束

现在，我将json中的这些值加载到我的页面上：

费率类别：[{“名称”：“本地”，“输入1”：“本地$0”，“输入2”： “本地$1”}，{“名称”：“国际”，“输入1”：“国际$0”， “输入2”：“国际$1”}，{“名称”：“工作日”，“输入1”： “工作日$0”，“输入2”：“工作日$1”}，{“名称”：“周末”， “输入1”：“周末$0”，“输入2”：“周末$1”}]

用户费率：{“本地$0”：10，“本地$1”：25，“国际$0”：300， “国际1美元”：400，“工作日0美元”：100，“工作日1美元”：200， “周末$0:200”，“周末$1:300}

我正在做的是循环通过rateCategories数组来创建表单。我需要为所有输入字段动态创建v模型名称，以匹配userRates中的键

这就是它停止工作的地方！如果我写下以下内容，它将为我创建v模型名称：

:v-model.number="'userRates.'+rateCategories.name+'$0'"

但是它不会使用用户数组中的值来计算它。如果我写出v-model名称而不动态创建它，我会在输入字段中获得一个值，如下所示：

v-model.number="userRates.Weekdays$0"

但是，每次添加新类别时，都需要手动更新表单

是否真的不可能有一个动态的v型模型名称？？为什么

如果是这样的话，我该怎么做才能让页面在添加到数据库时循环浏览类别，而不需要在添加或删除类别时手动更新页面

---

注意：我也在使用Vuex store，所以我希望它不会破坏我的getter和setter函数的任何功能

Vue.js在数据绑定中具有完整的javascript表达式支持，因此可以像在普通javascript中一样访问对象的属性

您是否尝试过使用

userRates[rateCategories.name$0]

---

您是否尝试过：

userRates[ratecegories.name$0]

？我经历了最艰难的时刻！我尝试了你的编辑：model.number=“userRates[

${ratecegories.name}$0

]”，效果很好。非常感谢！添加为答案，以便我可以检查为答案：）和其他有问题的人。。我将输入的名称写为：：name=“'userRates.'+rategories.name+'$0'”，对于我的vee validate错误，我写了如下内容：{{errors.first（userRates.${rategories.name}$0）}