vue跨页面弹出

1:在第一个页面引入需要弹出的页面

<template>
  <div>
	<!--账务详情-->
    <detailsDialog ref="detailsDialog"></detailsDialog>
  </div>
</template>
<script>
import DetailsDialog from "./DetailsDialog";//页面路径
  export default {
    name: "Enterprise",
    components:{
    "detailsDialog":DetailsDialog,
    }
    methods:{
      add_enterprise() {//修改企业信息
      this.$refs.detailsDialog.getDetails (value);//注意上方模板中要有ref="detailsDialog"，getDetails 是弹出页面的方法
      }
    }
  }
</script>

2：弹出页面

<template>
	<el-dialog
	  title="提示"
	  :visible.sync="dialogVisible"
	  width="30%"
	  :before-close="handleClose">
	  <span>这是一段信息</span>
	  <span slot="footer" class="dialog-footer">
	    <el-button @click="dialogVisible = false">取 消</el-button>
	    <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
	  </span>
	</el-dialog>
</template>
<script>
export default {
       name: "test",
       data () {
        return {
          dialogVisible: false          
        }
      },
      methods: {
        getDetails (title){//初始化方法
          this.dialogVisible=true;//dialogVisible此变量控制此页面的显示
        }
      }
   }
</script>