v-decorator如何绑定数组
时间: 2023-06-25 21:05:20 浏览: 176
nuxt-property-decorator:Nuxt的属性装饰器(基于vue-property-decorator)
`v-decorator` 是 `ant-design-vue` 中用于表单校验和数据绑定的指令,在绑定数组时,需要使用 `v-for` 指令来遍历数组,然后在模板中使用 `v-decorator` 来绑定每个元素的值。
例如,假设有一个名为 `list` 的数组,可以使用以下代码来绑定它:
```html
<template>
<a-form :form="form">
<a-form-item v-for="(item, index) in list" :key="index" :label="'Item ' + index">
<a-input v-decorator="['list.' + index]" />
</a-form-item>
</a-form>
</template>
```
在上面的例子中,`v-for` 指令被用来遍历 `list` 数组,并且在每个循环中,使用 `v-decorator` 绑定数组中的每个元素。`v-decorator` 中的数组索引使用了字符串拼接的方式来动态生成,即 `['list.' + index]`,这样就可以绑定每个元素的值了。
阅读全文