是否可以使用vuetify和vuejs序列化动态表单?
我的代码如下:
<v-flex xs12 v-for="(attribute, index) in items" :key="index">
<div>
<span class="subheading"><strong>{{ attribute.name }}</strong></span>
<v-list>
<v-list-tile v-for="(filter, index) in attribute.filters.data" :key="index">
<v-list-tile-action>
<v-checkbox v-model="checkbox"></v-checkbox>
</v-list-tile-action>
<v-list-tile-content>
<v-list-tile-title>{{ filter.name }}</v-list-tile-title>
</v-list-tile-content>
<v-flex xs3>
<v-text-field v-model="field[index] "v-if="filter.has_field == true" :label="filter.label"></v-text-field>
</v-flex>
<v-flex xs3>
<v-text-field v-if="filter.has_field_2 == true" :label="filter.label_2"></v-text-field>
</v-flex>
<v-flex xs3 v-if="filter.has_children == true">
<v-select
:items="filter.values.data"
item-text="name"
item-value="id"
ite
></v-select>
</v-flex>
</v-list-tile>
</v-list>
</div>
</v-flex>
let data = new FormData(this.myForm);
console.log(data);