初次接触vue项目,关于vue组件之间传值的方式:
1、通过vue的store仓库(大项目适用)
2、props(父子组件)
3、路由传值(最简单的方式)
路由传值:this.$router.push()
父组件通过props传值 r e f s . e x a m D e t a i l s E l . h a n d l e C l o s e ( s c o p e . refs.examDetailsEl.handleClose(scope. refs.examDetailsEl.handleClose(scope.index, scope.row)
<div class="table-cen color" :data="tableData">
<el-table
:data="tableData"
stripe
style="width: 100%"
>
<el-table-column
type="index"
label="序号"
width="80"
:index="indexMethod"
></el-table-column>
<el-table-column
prop="date"
label="考点代码"
width="">
</el-table-column>
<el-table-column
scope="scope"
prop="name"
label="考点名称"
width="">
</el-table-column>
<el-table-column
prop="address"
width=""
label="考点开始时间">
</el-table-column>
<el-table-column
prop="state"
label="考点结束时间"
width="">
</el-table-column>
<el-table-column
prop="person"
label="总监考"
width="">
</el-table-column>
<el-table-column
prop="person"
label="考试科目"
width="">
</el-table-column>
<el-table-column
prop="person"
label="操作"
width="">
<template slot-scope="scope">
<el-button
size="mini"
@click="$refs.examDetailsEl.handleClose(scope.$index, scope.row)">
<i class="el-icon-edit-outline"></i>
</el-button>
<el-button
size="mini"
@click.native.prevent="handleDelete(scope.$index, tableData)">
<i class="el-icon-delete"></i>
</el-button>
</template>
</el-table-column>
</el-table>
</div>