sulibao-mini/tuniao-ui/libs/mixin/mixin.js

module.exports = {
  data() {
    return {}
  },
  onLoad() {
    // getRect挂载再$t上，用为这个方法需要使用in（this），所以无法把它独立层一个单独的文件导出
    this.$t.getRect = this._tGetRect
  },
  beforeDestory() {
    // 判断当前页面是否存在parent和children
    // 组件销毁时，移除子组件在父组件children数组中的实例，释放资源，避免数据混乱
    if (this.parent && uni.$t.test.array(this.parent.children)) {
      // 组件销毁时，移除子组件在父组件children数组中的实例
      const childrenList = this.parent.children
      childrenList.map((child, index) => {
        // 如果相对，则移除
        if (child === this) {
          childrenList.splice(index, 1)
        }
      })
    }
  },
  methods: {
    /**
     * 查询节点信息
     * 当前方法在支付宝小程序中无法获取组件跟接点的尺寸
     * 解决办法：为组件根部再套一个没有任何作用的view元素
     */
    _tGetRect(selector, all) {
      return new Promise((resolve) => {
        uni.createSelectorQuery()
          .in(this)[all ? 'selectAll' : 'select'](selector)
          .boundingClientRect(rect => {
            if (all && Array.isArray(rect) && rect.length) {
              resolve(rect)
            }
            if (!all && rect) {
              resolve(rect)
            }
          })
          .exec()
      })
    },
    /**
     * 获取父组件的数据
     */
    getParentData(parentName = '') {
      // 避免再created中定义parent变量
      if (!this.parent) this.parent = false
      // 通过获取父组件实例
      // 将父组件this中对应的参数，赋值给本组件的parentData对象中对应的属性
      // 头条小程序不支持通过this.parent.xxx去监听父组件参数的变化，所以需要本方法进行实现
      this.parent = this.$t.$parent.call(this, parentName)
      if (this.parent) {
        // 遍历parentData中的属性，将parent中同名的属性赋值给parentData
        Object.keys(this.parentData).map(key => {
          this.parentData[key] = this.parent[key]
        })
      }
    },
    /**
     * 阻止事件冒泡
     */
    preventEvent(e) {
      e && e.stopPropagation && e.stopPropagation()
    }
  }
}