记一次uni-swipe-action中autoClose、closeAll、resize方法不生效问题

问题:

        最近用uni-app开发微信小程序,用到了uni-swipe-action扩展组件,但是用uni-swipe-action-item的属性autoClose时,怎么也不生效,又试了uni-swipe-action的closeAll方法、resize方法,都是不生效,绑定的ref也能拿到,但就是调方法没反应。

找原因:

        找了一通,插件的issue里面也没有提到这个问题的,就很纳闷,后来,通过对比插件源码和自己建的项目中src/uni_modules/uni-swipe-action/components才发现,可能是之前下载uni-ui的时候,下载的uni-swipe-action插件里面,不包括uni-swipe-action-item,所以对应有关的内容无效。

解决:

去插件市场,重新下载了插件(uni-swipe-action 滑动操作 - DCloud 插件市场),再重新启动项目,就好了,closeAll方法是有效的,autoClose属性也生效了。

具体使用方法可参考官网(uni-app官网),以防用错,我的代码稍微贴一下吧:

<template>
    <button @click="closeAllItem">关闭所有</button>
    <uni-swipe-action ref="swipeRef">
        <uni-swipe-action-item
          v-for="item in listData"
          :key="item.id"
          :right-options="options"
          @click="delItem(item.modelId)"
        >
            <FavorItem :item="item"></FavorItem>
        </uni-swipe-action-item>
      </uni-swipe-action>
</template>

<script lang="ts" setup>
    const swipeRef = ref<any>(null);
    const closeAllItem = ()=> {
        swipeRef.value.closeAll()
    }
</script>

希望如果是相同原因的小伙伴少花点时间,有问题也可以随时和我讨论哦~

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值