键盘男
键盘男
  • 发布:2021-03-06 15:18
  • 更新:2021-03-08 14:21
  • 阅读:3248

【报Bug】使用uni-swipe-action和uni-swipe-action-item组件点击侧滑按钮后报错

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win7

HBuilderX类型: 正式

HBuilderX版本号: 3.1.4

手机系统: Android

手机系统版本号: Android 10

手机厂商: 华为

手机机型: 荣耀V30PRO

页面类型: vue

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
    <view class="uni-list">  
        <block v-for="(value, index) in listData" :key="index">  
            <uni-swipe-action>  
                <uni-swipe-action-item :right-options="swipeOptions"   
                    :auto-close="true"  @click="swipeAction">  
                    <view class="uni-list-cell" hover-class="uni-list-cell-hover" @click="goDetail(value)">  
                        <view class="uni-media-list">  
                            <!-- <image class="uni-media-list-logo" :src="value.cover"></image> -->  
                            <view class="uni-media-list-body">  
                                <view class="uni-media-list-text-top">{{(index+1)}}、{{ value.orderNo }}</view>  
                                <view class="uni-media-list-text-bottom">  
                                    <text class="recvname">{{ value.recvName }}</text>  
                                    <!-- <text>{{ value.published_at }}</text> -->  
                                </view>  
                            </view>  
                        </view>  
                    </view>  
                </uni-swipe-action-item>  
            </uni-swipe-action>  
        </block>  
    </view>  

            swipeOptions: [{  
                    text: '删除',  
                    style: {  
                        backgroundColor: '#dd524d'  
                    }  
                }]  

操作步骤:

预期结果:

实际结果:

bug描述:

使用uni-swipe-action和uni-swipe-action-item组件时,手机端调试功能正常,但是点击侧滑按钮后报错,信息如下:
望尽快解决。

15:14:51.485 [Vue warn]: Property or method "onClickForPC" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.  
15:14:51.525 found in  
15:14:51.565 ---> <UniSwipeActionItem> at components/uni-swipe-action-item/uni-swipe-action-item.vue:1  
15:14:51.585     <UniSwipeAction> at components/uni-swipe-action/uni-swipe-action.vue:1  
15:14:51.605      at pages/bus/zxck/zxck.vue:1  
15:14:51.625 [Vue warn]: Error in v-on handler: "TypeError: _vm.onClickForPC is not a function"  
15:14:51.665 found in  
15:14:51.705 ---> <UniSwipeActionItem> at components/uni-swipe-action-item/uni-swipe-action-item.vue:1  
15:14:51.725     <UniSwipeAction> at components/uni-swipe-action/uni-swipe-action.vue:1  
15:14:51.745      at pages/bus/zxck/zxck.vue:1  
15:14:51.765 TypeError: _vm.onClickForPC is not a function
2021-03-06 15:18 负责人:无 分享
已邀请:
搬砖大老

搬砖大老 - 大老不是大佬

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

该问题目前已经被锁定, 无法添加新回复