不使用confirm构建
时间: 2023-10-03 12:02:17 浏览: 66
如果不使用`confirm`,可以考虑使用条件语句来实现类似的功能。例如,可以使用一个变量来存储用户的选择,然后通过判断这个变量的值来决定下一步的操作。下面是一个示例代码:
```
let userChoice = '';
// 用户点击了“确定”按钮
document.getElementById('ok-button').addEventListener('click', function() {
userChoice = 'ok';
// 进行下一步操作
});
// 用户点击了“取消”按钮
document.getElementById('cancel-button').addEventListener('click', function() {
userChoice = 'cancel';
// 进行下一步操作
});
// 在某个条件成立时判断用户选择
if (someCondition && userChoice === 'ok') {
// 执行某个操作
} else if (otherCondition && userChoice === 'cancel') {
// 执行其他操作
} else {
// 用户尚未做出选择,可以等待用户完成选择后再执行操作
}
```
相关问题
vue confirm
Vue.js 是一个流行的 JavaScript 前端框架,它提供了很多方便的功能来构建交互式的用户界面。Vue confirm 是一个基于 Vue.js 开发的插件,用于在网页应用程序中添加弹出确认对话框。这个插件提供了一种简单的方式来向用户请求确认,以确保他们了解并同意某些操作。
Vue confirm 可以轻松集成到你的 Vue.js 应用程序中,并提供了许多可自定义的选项,例如确认消息、确认和取消按钮的文本、回调函数等等。你可以通过使用这个插件来增强你的应用程序的用户体验,并确保用户在执行敏感操作时不会意外地删除或更改数据。
如果您需要使用 Vue confirm,可以通过在您的项目中安装 vue-confirm 包来安装它。相关文档和示例可以在其 GitHub 页面上找到。
MUI框架confirm
MUI框架是一款基于HTML、CSS和JavaScript的前端框架,用于开发移动端应用。它提供了丰富的UI组件和交互效果,可以帮助开发者快速构建出漂亮、流畅的移动应用界面。
其中,confirm是MUI框架中的一个对话框组件,用于显示一个确认对话框给用户。当需要用户确认某个操作时,可以使用confirm组件来弹出一个对话框,让用户选择是或否。
使用confirm组件非常简单,只需要调用mui.confirm()方法,并传入相应的参数即可。参数包括对话框的标题、内容和按钮文字等。当用户点击确认或取消按钮时,可以通过回调函数来处理相应的逻辑。
例如,以下是使用MUI框架confirm组件的示例代码:
```
mui.confirm('确定要删除该条记录吗?', '提示', ['取消', '确定'], function(e) {
if (e.index === 1) {
// 用户点击了确定按钮
// 执行删除操作
} else {
// 用户点击了取消按钮
// 取消删除操作
}
});
```
以上代码会弹出一个对话框,显示提示信息"确定要删除该条记录吗?",并提供"取消"和"确定"两个按钮供用户选择。当用户点击确定按钮时,执行删除操作;当用户点击取消按钮时,取消删除操作。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)