组件传值---组件与弹窗组件传值

背景:

　　父组件里面定义一份表格,点击表格中的修改按钮的时候,子组件弹出显示

　　把父组件里面的表格行的数据,赋值给弹出组件

组件传值---组件与弹窗组件传值

1.绑定事件

组件传值---组件与弹窗组件传值

<el-table-column header-align="center" align="center" label="操作">
    <template slot-scope="scope">
      <el-button size="mini" type="danger" @click="RightTbaleBtnClick(RightTypeData[scope.$index])">修改</el-button>
    </template>
</el-table-column>

2.定义事件

在调用子组件弹出功能的时候,把当前点击行的数据传递过去

组件传值---组件与弹窗组件传值

3.弹出组件中接收参数

组件传值---组件与弹窗组件传值

data(){
  return{

　　　　val:{}  //定义一个对象来存储接收的参数

}
}




PopUpModifyDialogPage(val){
        this.ModifyDialogPage = true;  //实弹出
        this.val=val;  //拿到传递的值
        console.log('弹出窗口')
        console.log(val)
        this.ModifyPageFrom = val;  //赋值给当前表单
      }