68 lines
2.3 KiB
JavaScript
68 lines
2.3 KiB
JavaScript
module.exports = {
|
||
data() {
|
||
return {}
|
||
},
|
||
onLoad() {
|
||
// getRect挂载再$t上,用为这个方法需要使用in(this),所以无法把它独立层一个单独的文件导出
|
||
this.$tn.getRect = this._tGetRect
|
||
},
|
||
beforeDestory() {
|
||
// 判断当前页面是否存在parent和children
|
||
// 组件销毁时,移除子组件在父组件children数组中的实例,释放资源,避免数据混乱
|
||
if (this.parent && uni.$tn.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.$tn.$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()
|
||
}
|
||
}
|
||
} |