element ui中ConfirmShow弹窗点击取消时去除按钮加载效果

Element UI 提供了一个叫做`el-dialog`的内置组件用于创建对话框或弹窗，它本身并没有直接提供固定按钮到底部的功能。不过，你可以通过一些自定义CSS样式或者组合其他UI库来实现这个效果。 一种常见的做法是利用Flex布局或者Positioning来调整元素位置。例如，在弹窗外部设置一个相对定位的容器，并给按钮添加`absolute`定位以及合适的`bottom`值，使其固定到对话框的底部。下面是一个简单的示例： ```html <template> <div class="dialog-container"> <!-- 弹窗内容 --> <el-dialog :visible.sync="dialogVisible" append-to-body> <div slot="footer"> <!-- 底部固定的按钮 --> <button @click="handleClose">确定</button> </div> </el-dialog> </div> </template> <style scoped> .dialog-container { position: relative; } .dialog-container > el-dialog { z-index: 10; /* 确保弹窗在底部固定按钮之上 */ } .dialog-container button { position: absolute; bottom: 0; width: 100%; } </style> <script> export default { data() { return { dialogVisible: false, }; }, methods: { handleClose() { this.dialogVisible = false; } }, }; </script> ``` 请注意，这只是一个基础的示例，实际应用中你可能需要根据具体的页面布局和需求进行调整。如果你需要更复杂的布局控制，可以考虑使用第三方UI框架如Ant Design Vue等，它们通常会有现成的解决方案。