💻✨js中的弹出确认取消的弹出框小技巧💬
发布时间：2025-04-08 12:24:43来源：
在开发小程序时，我们经常需要与用户进行交互，比如询问是否删除数据、提交表单等场景。这时，一个简单的确认取消弹出框就显得尤为重要啦！下面给大家分享一个小技巧，让你的小程序交互更流畅～🌟
首先，在小程序的`utils.js`文件中定义一个通用的弹窗函数。通过调用`wx.showModal()`方法，我们可以轻松实现带有确认和取消按钮的功能。例如：
```javascript
function showConfirm(title, content, success) {
wx.showModal({
title: title,
content: content,
confirmColor: '4CAF50', // 确认按钮颜色
cancelColor: 'f44', // 取消按钮颜色
success(res) {
if (res.confirm) {
success();
}
},
});
}
```
接着，在页面逻辑中直接调用该函数即可。比如用户点击删除按钮时，弹出确认框：
```javascript
showConfirm('温馨提示', '确定要删除吗？', () => {
console.log('已确认删除');
});
```
这样不仅代码简洁，还提升了用户体验哦～🎉 小伙伴们快去试试吧！💬💬
免责声明：本答案或内容为用户上传，不代表本网观点。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。 如遇侵权请及时联系本站删除。
