uni-swipe-action.vue 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <template>
  2. <view>
  3. <slot></slot>
  4. </view>
  5. </template>
  6. <script>
  7. /**
  8. * SwipeAction 滑动操作
  9. * @description 通过滑动触发选项的容器
  10. * @tutorial https://ext.dcloud.net.cn/plugin?id=181
  11. */
  12. export default {
  13. data() {
  14. return {};
  15. },
  16. provide() {
  17. return {
  18. swipeaction: this
  19. };
  20. },
  21. created() {
  22. this.children = [];
  23. },
  24. methods: {
  25. // closeOther(vm) {
  26. // if (this.openItem && this.openItem !== vm) {
  27. // // #ifdef APP-VUE || H5 || MP-WEIXIN
  28. // this.openItem.button.show = 'none'
  29. // // #endif
  30. // // #ifndef APP-VUE || H5 || MP-WEIXIN
  31. // this.openItem.close()
  32. // // #endif
  33. // }
  34. // this.openItem = vm
  35. // }
  36. closeOther(vm) {
  37. this.children.forEach(item => {
  38. if(item !== vm) {
  39. // #ifdef APP-VUE || H5 || MP-WEIXIN
  40. item.button.show = 'none'
  41. // #endif
  42. // #ifndef APP-VUE || H5 || MP-WEIXIN
  43. item.close()
  44. // #endif
  45. }
  46. });
  47. }
  48. }
  49. };
  50. </script>
  51. <style></style>