element 封装弹窗

方法一：

首先：写一个封装的弹窗组件。

<template>
  <el-dialog
    :visible.sync="dialogVisible"
    :fullscreen="true"
    v-bind="$attrs"
    v-on="$listeners"
    custom-class="previewDialog"
    :modal="false"
  >
      <p>弹窗</p>
  </el-dialog>
</template>
 
<script>
 
export default {
 
  data() {
    return {
      dialogVisible: false
 
    };
  },
  created() {},
 
  methods: {
    init(roleId = null) {
      this.dialogVisible = true;
     
    },
  
  },
};
</script>
<style lang="scss" scoped>
 
</style>
 

使用：

<scene-add-update ref="sceneAddUpdate" />

 

 打开弹窗

 this.$refs.sceneAddUpdate.init(); // 调用方法