你知道vue elementui里有一个 Dialog 弹出一个对话框嘛
时间: 2024-02-18 10:00:31 浏览: 68
dialog.js对话框实现(vue)
是的,我知道。Dialog 是 Element UI 中的一个组件,可以用于弹出对话框。它可以用于显示一些需要用户确认的信息,或者是一些需要用户输入的数据。在 Vue.js 中使用 Dialog 组件非常简单,你只需要引入组件并在需要的地方使用即可。例如,你可以使用以下代码来创建一个简单的 Dialog 弹出框:
```
<template>
<div>
<el-button @click="dialogVisible = true">打开 Dialog</el-button>
<el-dialog
title="提示"
:visible.sync="dialogVisible"
:show-close="false"
>
<span>这是一段内容......</span>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary">确 定</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
export default {
data() {
return {
dialogVisible: false
};
}
};
</script>
```
这样就可以在页面上显示一个 Dialog 弹出框了。
阅读全文