如何在Vue中使用Vuetify序列化表单?

时间:2018-07-22 09:18:16

标签: forms vue.js vuetify.js

是否可以使用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);

0 个答案:

没有答案