persagy-web-doc/docs/.vuepress/components/format/style.vue

<template>
    <div>
        <el-table :data="tableData" style="width: 100%">
            <el-table-column prop="date" label="item enabled 属性值" width="180"></el-table-column>
            <el-table-column prop="name" label="item selected 属性值" width="180"></el-table-column>
            <el-table-column prop="address" label="item 当前状态"></el-table-column>
        </el-table>
    </div>
</template>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";

@Component
export default class StyleCanvas extends Vue {
    tableData = [
        {
            date: 'false',
            name: 'false',
            address: 'Disabled'
        }, {
            date: 'false',
            name: 'true',
            address: 'Disabled'
        }, {
            date: 'true',
            name: 'false',
            address: 'Default'
        }, {
            date: 'true',
            name: 'true',
            address: 'Selected'
        },
    ];
}
</script>

<style scoped>

</style>