style.vue 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  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>
  11. export default {
  12. name: "style",
  13. data() {
  14. return {
  15. tableData:[
  16. {
  17. date: 'false',
  18. name: 'false',
  19. address: 'Disabled'
  20. },{
  21. date: 'false',
  22. name: 'true',
  23. address: 'Disabled'
  24. },{
  25. date: 'true',
  26. name: 'false',
  27. address: 'Default'
  28. },{
  29. date: 'true',
  30. name: 'true',
  31. address: 'Selected'
  32. },
  33. ]
  34. }
  35. }
  36. }
  37. </script>
  38. <style scoped>
  39. </style>