每日总结(13)

所以时间:下午两个小时

代码:200

博客:1

知识点:

实现教师登录页面

 

利用element做出页面

vueRouter的使用, 路由器对页面的跳转

Axios对后台数据的获取

 

<template>
  <div>
    <el-table
    :data="tableData"
    style="width: 100%"
    :row-class-name="tableRowClassName">
    <el-table-column
      prop="id"
      label="日期"
      width="180">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="180">
    </el-table-column>
    <el-table-column
      prop="address"
      label="地址">
    </el-table-column>
  </el-table>
  </div>
</template>

<script>
  export default {
    methods: {
      tableRowClassName({row, rowIndex}) {
        if (rowIndex === 1) {
          return 'warning-row';
        } else if (rowIndex === 3) {
          return 'success-row';
        }
        return '';
      }
    },
    created:function(){
        this.$http.get("").then((response )=>{
            this.tableData = response.data
        })
    },
    data() {
      return {
        tableData: []
      }
    }
  }
</script>