vue页面点击按钮拉起弹窗

// 1、使用插槽   slot-scope="scope"
<template slot-scope="scope">
		//父传子将id传入拉起得子页面detailHandle(scope.row.id)
		//通过点击时间拉起弹窗，并将数据传给子级
	  <el-button @click="detailHandle(scope.row.id)" type="text" size="small">拉起页面</el-button>
	  
//<!-- 融资申请详情对话框 （被拉起来的弹窗）-->
	//<!--子传父的方法： @refreshDataList="getDataList"-->
	//<!--引入的弹窗组件： ref="detail" -->
	
	   <detail v-if="detailVisiable" ref="detail" @refreshDataList="getDataList" :pwidth="dWidth"></detail>
</template>


  export default {
   import detail from '../financingApply/financingApply-detail';
        name: "applyAndStatistical",
        data() {
            return {
            detailVisiable:false,  //设置默认弹窗为隐藏
            }
            }
        methods: {
         detailHandle(id){
         		//设置弹窗的显示隐藏
                this.detailVisiable=true;
                //父传子
                this.$nextTick(() => {
                    this.$refs.detail.init(id);
                });
            },
        }
      }