uni-app SwipeAction 点击报错

uni-app SwipeAction 点击报错

开发环境 版本号 项目创建方式
Windows window10 HBuilderX 
产品分类：uniapp/App

PC开发环境操作系统：Windows

HBuilderX类型：正式

HBuilderX版本号：3.1.2

手机系统：iOS

手机系统版本号：iOS 13.4

手机厂商：苹果

手机机型：iphone11

页面类型：vue

打包方式：云端

操作步骤：
Error in v-on handler: "TypeError: _vm.onClickForPC is not a function. (In '_vm.onClickForPC(index, item, "right")', '_vm.onClickForPC' is undefined)" 16:46:27.209 found in

预期结果：
Error in v-on handler: "TypeError: _vm.onClickForPC is not a function. (In '_vm.onClickForPC(index, item, "right")', '_vm.onClickForPC' is undefined)" 16:46:27.209 found in

实际结果：
Error in v-on handler: "TypeError: _vm.onClickForPC is not a function. (In '_vm.onClickForPC(index, item, "right")', '_vm.onClickForPC' is undefined)" 16:46:27.209 found in

bug描述：
两个按钮 点击第一个按钮报错

更多关于uni-app SwipeAction 点击报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html

5 回复

为什么没人答复你，社区问题/bug处理优先级规则，详情：https://ask.dcloud.net.cn/article/38139

更多关于uni-app SwipeAction 点击报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html


SwipeAction组件下边很多人评论有这个问题，我也是这个报错。 https://ext.dcloud.net.cn/plugin?id=181

我把uni-swipe-action-item文件中的clickForPc这个事件给删了，目前没有报错了。好像也没有什么影响。你可以试试。我是app

onClickForPC报错问题的解决办法： 将 uni-modules/uni-swipe-action/uni-swipe-action-item/mpwxs.js 中的 onClickForPC 方法 // #ifdef H5 改为 // #ifdef APP-VUE|| MP-WEIXIN||H5

这个错误是因为在 SwipeAction 组件的点击事件中调用了未定义的方法 onClickForPC。错误信息显示 _vm.onClickForPC 是 undefined，说明在 Vue 实例中没有正确声明或定义该方法。

解决方案：

  1. 检查方法定义：确保在 methods 中正确定义了 onClickForPC 方法，例如：

    methods: {
  onClickForPC(index, item, direction) {
    // 处理点击逻辑
    console.log('点击按钮', index, item, direction);
  }
}

  2. 确认事件绑定：在 SwipeAction 组件中检查事件绑定是否正确，例如：

    <swipe-action :options="options" [@click](/user/click)="onClickForPC"></swipe-action>
回到顶部