How to create dynamic form forms by vue+element

In this article Xiaobian for you to introduce in detail "vue+element how to create a dynamic form form", the content is detailed, the steps are clear, the details are handled properly, I hope that this "vue+element how to create a dynamic form form" article can help you solve your doubts, following the editor's ideas slowly in-depth, let's learn new knowledge together.

The dynamic generation of the rows and columns of the table mainly requires the data format returned by the back end to render dynamically according to the data.

Note: here are two arrays: table field data: titleData: [], table detail data: tables: [], data is found / rendered into tabular data through fields.

Data () {return {tables: [{xiaoxue: 'Fulan', chuzhong: 'Jiafang', gaozhong:'pu Miao', daxue:'Xi'an', yanjiusheng:'Xi'an', shangban: 'Beijing'}, {xiaoxue: 'Nanfang', chuzhong: 'Liquan', gaozhong: 'Liquan', daxue:'Xi'an' Yanjiusheng:'Xi'an', shangban: 'Nanfang'},], titleData: [{dataItem: 'xiaoxue', dataName:' primary school'}, {dataItem: 'chuzhong', dataName:' junior high school'}, {dataItem: 'gaozhong', dataName:' high school'}, {dataItem: 'daxue'' DataName: 'University'}, {dataItem: 'yanjiusheng', dataName:' graduate student'}, {dataItem: 'shangban', dataName:' work'}]} This article "vue+element how to create dynamic form forms" has been introduced. If you want to master the knowledge points of this article, you still need to practice and use it. If you want to know more about the articles, please follow the industry information channel.