vue.js根据数据循环生成表格_Vue动态生成表格的行和列

当在开发项目的时候，固定的页面表格标题及内容不能满足需求，需要根据不同的需求动态加载不同的表格表头和表格的内容，具体的实现代码如下：

:data="tables"

ref="multipleTable"

tooltip-effect="dark"

style="width: 100%"

@selection-change='selectArInfo'>

sortable

:show-overflow-tooltip="true"

:prop="col.dataItem"

:label="col.dataName"

:key="col.dataItem"

width="124px">

import '../../assets/css/commlist.css'

import '../../assets/css/commscoped.sass'

export default {

data () {

return {

tables: [{

xiaoxue: '福兰',

chuzhong: '加芳',

gaozhong: