el-dialog设置两组按钮
时间: 2023-07-22 08:05:37 浏览: 87
elementui更改el-dialog关闭按钮的图标d的示例代码
5星 · 资源好评率100%
对于el-dialog组件,你可以使用footer-slot来设置两组按钮。下面是一个示例代码:
```html
<template>
<el-dialog :visible.sync="dialogVisible" title="对话框标题">
<!-- 对话框内容 -->
<template v-slot:footer>
<el-button @click="cancel">取消</el-button>
<el-button type="primary" @click="confirm">确定</el-button>
</template>
</el-dialog>
</template>
<script>
export default {
data() {
return {
dialogVisible: false
};
},
methods: {
cancel() {
// 取消按钮的逻辑
},
confirm() {
// 确定按钮的逻辑
}
}
};
</script>
```
在上面的示例中,我们使用了el-dialog组件,并在其中定义了两个按钮:取消和确定。取消按钮绑定了`cancel`方法,确定按钮绑定了`confirm`方法。你可以根据自己的需求自定义按钮的文本和逻辑。
阅读全文