style.vue 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <template>
  2. <div>
  3. <el-table :data="tableData" style="width: 100%">
  4. <el-table-column prop="date" label="item enabled 属性值" width="180"></el-table-column>
  5. <el-table-column prop="name" label="item selected 属性值" width="180"></el-table-column>
  6. <el-table-column prop="address" label="item 当前状态"></el-table-column>
  7. </el-table>
  8. </div>
  9. </template>
  10. <script lang="ts">
  11. import { Component, Vue } from "vue-property-decorator";
  12. /**
  13. * 颜色与样式
  14. *
  15. * @author 郝洁 <haojie@persagy.com>
  16. */
  17. @Component
  18. export default class StyleCanvas extends Vue {
  19. tableData = [
  20. {
  21. date: 'false',
  22. name: 'false',
  23. address: 'Disabled'
  24. }, {
  25. date: 'false',
  26. name: 'true',
  27. address: 'Disabled'
  28. }, {
  29. date: 'true',
  30. name: 'false',
  31. address: 'Default'
  32. }, {
  33. date: 'true',
  34. name: 'true',
  35. address: 'Selected'
  36. },
  37. ];
  38. }
  39. </script>
  40. <style scoped>
  41. </style>