Javascript 如何在v-for上分配v-model（来自引导vue示例）

我正在使用vue引导程序使用v-for指令生成一些输入字段。我试图做的基本上与中提供的示例相同，但我不知道如何将收集的数据获取到v-model指令中（我的意思是，从输入获取数据）

我可以手动操作，分配每个字段，并将其映射到我的对象的v模型中，但如果有更好的方法来解决这个问题，它将非常有用

这是几乎完全从示例页面复制的代码（vue js），但修改失败（带注释）：

{{result}}
类型{{Type}}:
{{`result.${type}`}

导出默认值{
数据（）{
返回{
//在这里，我放置了result对象，希望得到如下结果：
/*
结果:{
文本：“文本”，
密码：“密码”
...
...
}
*/
结果：{}，
类型：[
“文本”，
“密码”，
“电子邮件”，
“数字”，
“url”，
‘电话’，
“日期”，
`时间`，
“范围”，
“颜色”
]
}
}
}

将

结果初始化为：

result: {
  text: '',
  password:, '',
  email: '',
  number: '',
  url: '',
  tel: '',
  date: '',
  time: '',
  range: '',
  color: ''
}

在模板和
v-model
中，使用
[]
而不是
进行键访问，即
结果。${type}
=>
结果[type]

另请注意，
v-model
本身是一个指令，因此您不需要在此处使用
v-bind
（
：
）：


它不起作用。我所做的是，我按照建议初始化了结果，然后将原始行更改为：
，但是结果对象在任何输入上都没有更新。您是否更改了这一行
{p>{result.${type}}
？这是我放置的内容，而不是该行
{result[type]}
但是现在它没有显示任何内容对于
v型
，前面不需要冒号。这本身就是一个指令。只需执行
v-model=“结果[类型]”
。
<b-form-input :id="`type-${type}`" :type="type" v-model="result[type]">
</b-form-input>