vue2+elementui实现弹出框事件

可以使用ElementUI中的Dialog组件来实现弹出框事件。在Vue2中，可以先在组件中引入Dialog组件，然后在需要弹出框的地方使用该组件，并设置相应的属性和事件。例如：

<template>
<div>
<el-button @click="dialogVisible = true">点击弹出框</el-button>
<el-dialog :visible.sync="dialogVisible" title="弹出框标题">
<p>弹出框内容</p>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="submitForm">确 定</el-button>
</span>
</el-dialog>
</div>
</template>

<script>
import { Dialog, Button } from 'element-ui';

export default {
components: {
'el-dialog': Dialog,
'el-button': Button,
},
data() {
return {
dialogVisible: false,
};
},
methods: {
submitForm() {
// 弹出框中点击“确定”按钮后的操作
},
},
};
</script>