目录
一、应用场景
二、报错解释
三、报错原因
1、 以下是实际应用代码:
2、 原因
四、解决办法
一、应用场景
在做uni-app的过程中有使用到uni-popup弹出层组件。(以下取自uni-app官网手册——扩展组件):
export default {
methods:{
open(){
// 通过组件定义的ref调用uni-popup方法 ,如果传入参数 ,type 属性将失效 ,仅支持 ['top','left','bottom','right','center']
this.$refs.popup.open('top')
}
}
}
二、报错解释
使用该代码时,报[Vue warn]: Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'open')"的错误,表示“找不到open这个元素,无法解析这串代码”。
this.$refs.popup.open('top')
三、报错原因
1、 以下是实际应用代码:
- color:{{item.color}}
运行结果报错:
2、 原因
可以通过打印this.$refs.popup直观地感受一下:
四、解决办法
1、 把uni-popup组件放在遍历组件外,再用this.$refs.popup.open();
2、放在遍历组件中,通过加下标this.$refs.popup[0].open()获取
参考链接
发表评论