JSFiddle - React, Tailwind, and code Playground

by lmk123

HTML

<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-default/index.css">
<script src="https://vuejs.org/js/vue.min.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<div id="app">
  <el-table :data="data">
    <el-table-column v-for="column in columns" :prop="column" :label="column">
    </el-table-column>
    <el-table-column label="操作">
      <template scope="scope">
        查看详情
      </template>
    </el-table-column>
  </el-table>
</div>

JavaScript

new Vue({
  el: '#app',
  data: {
    columns: null,
    data: [{
      '姓名': '张三',
      '身高': '165'
    }, {
      '姓名': '李四',
      '身高': '175'
    }]
  },
  mounted: function() {
    this.columns = ['姓名', '身高']
  }
})