[Vue]el-table-column通过prop参数传递数据_el-table-column prop

初始化数据

  data(){
    return {
		temperatrue:"",
		timedate:"",
      form:{
		  url:"",
		  temperatrue:"",
		  uid:"",
	    },
      pageNum:1,
      pageSize:10,
      tableData:[],
      UploadFormVisible:false,
      user:localStorage.getItem("user")?JSON.parse(localStorage.getItem("user")):{},
      
    }
  },

在表格中传参

 
		<el-table ref="multipleTable" 
				tooltip-effect="dark" 
				:data="tableData" 
				border stripe 
				style="font-weight:500;font-size:14px;" 
				@selection-change="handleSelectionChange"
				>
			>
			<el-table-column type="selection" width="55"></el-table-column>
			<el-table-column prop="lessonname" label="课程名" width="140"></el-table-column>
			<el-table-column prop="location" label="上课地点" width="100"></el-table-column>
			<el-table-column prop="lessontime" label="上课时间" width="220"></el-table-column>
			<el-table-column prop="nickname" label="学生名字" width="100"></el-table-column>
			<el-table-column prop="inclass" label="班级" width="200"></el-table-column>
			<el-table-column label="操作" align="center">
				<template slot-scope="scope">
					<el-button type="success" @click="handleDetail(scope.row)">学生详情</el-button>
					<el-button type="primary" @click="handleComment(scope.row)">评价学生</el-button>
					<el-button type="warning" @click="handleWord(scope.row)">留言学生</el-button>
				</template>
			</el-table-column>
		</el-table>

效果展示：