How to generate tables by using el-table Loop in vue
Most people do not understand the knowledge of this article "vue how to use el-table cycle to generate tables", so the editor summarizes the following contents, detailed contents, clear steps, and has a certain reference value. I hope you can get something after reading this article. Let's take a look at this "vue how to use el-table cycle to generate tables" article.
Use el-table Loop to generate Table el-table
The element framework is used in the vue project, and the table components provided are too complicated to use, so change to configuration mode and generate tables in a loop!
Before configuration:
After configuration:
Column import EncapTable from ". / EncapTable" of dynamic loop el-table Export default {name: "HelloWorld", components: {/ / registered component EncapTable}, data () {return {Data: {tableData: [/ / form data {date: "2016-05-02", name: "Wang Xiaohu" Address: "1518 Lane, Jinshajiang Road, Putuo District, Shanghai"}, {date: "2016-05-04", name: "Wang Xiaohu", address: "Lane 1517, Jinshajiang Road, Putuo District, Shanghai", {date: "2016-05-01" Name: "Wang Xiaohu", address: "1519 Lane, Jinshajiang Road, Putuo District, Shanghai"}, {date: "2016-05-03", name: "Wang Xiaohu", address: "Lane 1516, Jinshajiang Road, Putuo District, Shanghai"] TableTitle: [/ / for dynamic loop header {prop: "date", label: "date"}, {prop: "name", label: "name"}, {prop: "address" Label: "address"}], / / how many pageSize: 10 entries are displayed on a page, / / whether or not to edit and delete showEditAndDelete: true}} }, mounted () {}}; the above is the content of this article on "how to generate tables using el-table loops in vue". I believe we all have some understanding. I hope the content shared by the editor will be helpful to you. If you want to know more about the relevant knowledge, please follow the industry information channel.
