/**
* 如官方的 uni-collapse-item 组件
* 获取父元素实例
*/
getCollapse(name = 'uniCollapse') {
let parent = this.$parent
let parentName = parent.$options.name
while (parentName !== name) {
parent = parent.$parent
if (!parent) return false
parentName = parent.$options.name
}
console.log(parent)
return parent
}
- 发布:2021-10-11 13:38
- 更新:2021-10-11 13:38
- 阅读:260
产品分类: uniapp/H5
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: Windows 10 专业版 19043.1266
HBuilderX类型: 正式
HBuilderX版本号: 3.2.3
浏览器平台: Chrome
浏览器版本: Microsoft Edge 94.0.992.38
项目创建方式: HBuilderX
示例代码:
操作步骤:
/**
* 如官方的 uni-collapse-item 组件
* 获取父元素实例
*/
getCollapse(name = 'uniCollapse') {
let parent = this.$parent
let parentName = parent.$options.name
while (parentName !== name) {
parent = parent.$parent
if (!parent) return false
parentName = parent.$options.name
}
console.log(parent)
return parent
}
/**
* 如官方的 uni-collapse-item 组件
* 获取父元素实例
*/
getCollapse(name = 'uniCollapse') {
let parent = this.$parent
let parentName = parent.$options.name
while (parentName !== name) {
parent = parent.$parent
if (!parent) return false
parentName = parent.$options.name
}
console.log(parent)
return parent
}
预期结果:
/**
* 如官方的 uni-collapse-item 组件
* 获取父元素实例
*/
getCollapse(name = 'uniCollapse') {
let parent = this.$parent
let parentName = parent.$options.name
while (parentName !== name) {
parent = parent.$parent
if (!parent) return false
parentName = parent.$options.name
}
console.log(parent)
return parent
}
/**
* 如官方的 uni-collapse-item 组件
* 获取父元素实例
*/
getCollapse(name = 'uniCollapse') {
let parent = this.$parent
let parentName = parent.$options.name
while (parentName !== name) {
parent = parent.$parent
if (!parent) return false
parentName = parent.$options.name
}
console.log(parent)
return parent
}
实际结果:
parent.$options.name 属性不存在
parent.$options.name 属性不存在
bug描述:
this.$parent.$options没有name属性