rf-swipe-action.vue 896 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <template>
  2. <view>
  3. <slot></slot>
  4. </view>
  5. </template>
  6. <script>
  7. export default {
  8. data() {
  9. return {
  10. };
  11. },
  12. provide() {
  13. return {
  14. swipeaction: this
  15. }
  16. },
  17. created() {
  18. this.children = []
  19. },
  20. methods: {
  21. closeOther(vm) {
  22. let children = this.children
  23. children.forEach((item, index) => {
  24. if (vm === item) return
  25. // 支付宝执行以下操作
  26. // #ifdef MP-ALIPAY
  27. if (item.isopen) {
  28. item.close()
  29. }
  30. // #endif
  31. // app vue 端、h5 、微信、支付宝 执行以下操作
  32. // #ifdef APP-VUE || H5 || MP-WEIXIN
  33. let position = item.position[0]
  34. let show = position.show
  35. if (show) {
  36. position.show = false
  37. }
  38. // #endif
  39. // nvue 执行以下操作
  40. // #ifdef APP-NVUE || MP-BAIDU || MP-QQ || MP-TOUTIAO
  41. item.close()
  42. // #endif
  43. })
  44. }
  45. }
  46. }
  47. </script>
  48. <style>
  49. </style>