Shulou(Shulou.com)05/31 Report--

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.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.