我有一个表格是通过v-for生成的.
注意:我用"@"来逃离刀锋.
我的vue Istance有:
data: {
form: {
inputs: [{icon: "", name="", placeholder: "", type="", value=""}]
},
owner: {first_name: "", last_name: "", cell_phone: "", email: ""}
}
我使用以下命令生成表单:
<template v-for="input in form.inputs">
<div style="margin-bottom: 25px" class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-@{{input.icon}}"></i></span>
<input id="login-@{{input.name}}" v-model="?????" type="@{{input.type}}" class="form-control" name="@{{input.name}}" placeholder="@{{input.placeholder}}">
</div>
</template>
我想将每个输入绑定到各自的承包商财产.所以我希望v-models的值是所有者.名字,主人.姓,主人.手机和主人.邮箱我希望我能做到:
v-model="'owner' + @{{input.name}}"
但我得到:
[Vue warn]: v-model="'owner' + {{input.name}}": attribute interpolation is not allowed in Vue.js directives and special attributes.
vue.js:1956 Error: Warning Stack Trace
at warn (vue.js:1956)
at Directive.bind (vue.js:4507)
at Directive._bind (vue.js:8668)
at linkAndCapture (vue.js:7367)
at compositeLinkFn (vue.js:7345)
at new Fragment (vue.js:5373)
at FragmentFactory.create (vue.js:5575)
at Directive.create (vue.js:5844)
at Directive.diff (vue.js:5757)
at Directive.update (vue.js:5692)
所有者属性与输入相对应.每个输入的名称.
谢谢
应用程序描述:我正在try 使用多个表单建立一个所有者.每个表单都是通过ajax请求生成的,该请求获取一个表单对象,该对象包含表单的输入n和操作.