没有 confrim 那怎么实现这个效果呢? 可以使用小程序里的模态框 代码: wxml: <a>删除</a> js: del:function(e){ var that = this; wx.showModal({ title: '提示', content: '确定要删除吗?', success: function (sm) { if (sm.confirm 在微信小程序中,删除操作通常需要用户确认,以防止误操作。在没有使用`confirm`函数的情况下,我们可以利用微信小程序提供的模态框组件`wx.showModal`来模拟类似的效果。以下是一个详细的步骤来解释如何在微信小程序中实现这样的功能。 1. **创建删除按钮** 在小程序的WXML(WeChat Markup Language)文件中,你需要创建一个用户可以点击的元素,通常是按钮或链接。这里使用了一个`<a>`标签,通过`bindtap`事件监听用户的点击行为。同时,使用`wx:if`条件渲染属性确保只有特定用户才能看到并触发删除操作。例如,只有评论的创建者才能删除自己的评论。 ```html <a class="reply" wx:if="{{comment.uid==comment.login_uid}}" bindtap="del" data-cid="{{comment.c_id}}">删除</a> ``` 其中,`data-cid`属性用于传递需要删除的评论的ID,这样在JavaScript中可以通过`e.currentTarget.dataset.cid`获取到。 2. **定义删除函数** 在小程序的JS(JavaScript)文件中,我们需要定义一个处理删除的函数,如`del`。这个函数会调用`wx.showModal`来弹出一个模态框询问用户是否确定要删除。 ```javascript del: function(e) { var that = this; wx.showModal({ title: '提示', content: '确定要删除吗?', success: function(sm) { if (sm.confirm) { // 用户点击了确定,执行删除操作 wx.request({ url: 'https://m.*****.com/index.php/Home/Xiaoxxf/home_comment_del?c_id=' + e.currentTarget.dataset.cid, // 删除房间评论 data: '', header: { 'Content-Type': 'application/json' }, method: 'GET', success: function(res) { console.log(res); wx.showToast({ title: res.data, // 数据返回提示,查看后台PHP icon: 'success', duration: 2000 }) /* 获取房间评论信息 -xzz 0714 */ getList(that); }, fail: function(res) {}, complete: function(res) {} }) } else if (sm.cancel) { // 用户点击了取消,不做任何操作 } } }) } ``` 3. **使用模态框** `wx.showModal`的参数包括`title`(提示的标题)、`content`(提示的内容)和`success`回调函数。当用户点击确认时,`success`回调函数的`sm.confirm`为`true`,此时可以调用删除接口。在这个例子中,使用`wx.request`发送一个GET请求到服务器,请求的URL包含了需要删除的评论ID。成功删除后,通过`wx.showToast`显示一个提示消息,并重新加载评论列表。 4. **安全考虑** 考虑到安全性,通常需要在服务器端进行实际的删除操作,而不是在客户端直接执行。这样可以避免恶意用户通过修改请求来删除其他用户的数据。 5. **异常处理** 在实际应用中,除了处理成功的情况,还需要对可能出现的网络错误、服务器错误等进行适当的处理,例如在`fail`回调中给出错误提示。 总结来说,微信小程序中实现删除功能的关键在于使用`wx.showModal`创建一个确认对话框,然后根据用户的选择决定是否进行删除操作。通过结合WXML和JS,我们可以实现与`confirm`相似但更具有交互性的用户体验。同时,注意在服务器端进行数据验证和删除,以保证数据的安全性。
- 粉丝: 3
- 资源: 906
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- bdwptqmxgj11.zip
- onnxruntime-win-x86
- onnxruntime-win-x64-gpu-1.20.1.zip
- vs2019 c++20 语法规范 头文件 <ratio> 的源码阅读与注释,处理分数的存储,加减乘除,以及大小比较等运算
- 首次尝试使用 Win,DirectX C++ 中的形状渲染套件.zip
- 预乘混合模式是一种用途广泛的三合一混合模式 它已经存在很长时间了,但似乎每隔几年就会被重新发现 该项目包括使用预乘 alpha 的描述,示例和工具 .zip
- 项目描述 DirectX 引擎支持版本 9、10、11 库 Microsoft SDK 功能相机视图、照明、加载网格、动画、蒙皮、层次结构界面、动画控制器、网格容器、碰撞系统 .zip
- 项目 wiki 文档中使用的代码教程的源代码库.zip
- 面向对象的通用GUI框架.zip
- 基于Java语言的PlayerBase游戏角色设计源码