vue简单table

<template>
    <table class="basic-table">
        <thead>
            <tr>
                <th><el-checkbox @change="allSelectedChange"/></th>
                <th v-for="(column, cindex) in columns" :key="cindex">{{column.text}}</th>
            </tr>
        </thead>
        <tbody>
            <tr v-for="(row, rindex) in rows" :key="rindex">
                <td><el-checkbox v-model="selectedByIndex[rindex]" /></td>
                <td v-for="(column, cindex) in columns" :key="cindex">{{row[column.dataIndex]}}</td>
            </tr>
        </tbody>
    </table>
</template>

<script>
export default {
  props: {
    columns: Array,
    rows: Array
  },
  data: function() {
    return {
      selectedByIndex: []
    };
  },
  methods: {
    allSelectedChange: function(selected) {
      this.selectedByIndex = this.rows.map(r => selected);
    }
  },
  computed: {}
};
</script>
<style lang="less">
</style>