Question

我正在创建每小时费率表格。我的数据库费率表中有所有类别。我希望能够增加类别，它将自动增加表单上的字段..遍历所有内容。

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

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

rateCategories：[{“ name”：“ Local”，“ input1”：“ Local $ 0”，“ input2”：   “ Local $ 1”}，{“ name”：“ International”，“ input1”：“ International $ 0”，   “ input2”：“ International $ 1”}，{“ name”：“平日”，“ input1”：   “ Weekdays $ 0”，“ input2”：“ Weekdays $ 1”}，{“ name”：“ Weekends”，   “ input1”：“周末$ 0”，“ input2”：“周末$ 1”}]

userRates：{“ Local $ 0”：10，“ Local $ 1”：25，“ International $ 0”：300，   “ International $ 1”：400，“ Weekdays $ 0”：100，“ Weekdays $ 1”：200，   “ Weekends $ 0”：200，“ Weekends $ 1”：300}

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

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

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

，但不会使用用户数组中的值进行计算。如果我写出v模型名称而不像这样动态创建它，我的确会在输入字段中输入一个值：

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

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

真的没有动态的V模型名称吗？为什么？

如果是这样，我该怎么做，以便页面可以在添加到数据库中时循环浏览类别，而无需在添加或删除类别时手动更新页面？

注意：我也正在使用Vuex存储，所以我希望它也不会因为我的getter和setter函数而破坏任何东西

Answer 1

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

您是否尝试过使用| COUNTY | MOBILE | OS | BROWSER | |---------|----------|-----------|---------| | USA | iPhone | iOS | Safar | | UK | Samsung | Android | Chrome | | Russia | Nokia | Microsoft | Edge | | India | Motorola | Android | Chrome | | Germany | Sony | Android | Chrome |？

Using Javascript Expressions in Vue.js

Vue按方法返回v模型名称

1 个答案: