uniapp全局弹窗提示openundefined
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了uniapp全局弹窗提示openundefined相关的知识，希望对你有一定的参考价值。
参考技术A 需要更新组件。根据查询相关公开资料显示，更新uni-popup组件，用示例代码hellouni-app尝试即可。uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到ios、android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。为啥我uniapp能用div
参考技术A 遇到的问题场景：点击按钮 出现自己写的弹窗，点击其他空白处 消失弹窗思路：点击按钮的时候 获取出现弹窗的focus事件，让它聚焦；点击其他地方相当于这个弹窗失去焦点使用blur事件；同时我们需要给弹窗加一个tabindex="-1" 属性，否者blur事件不生效。
第一步：为元素绑定ref，添加tabindex属性，绑定blur事件

第二步：为div获取焦点写事件

第三步：为div失去焦点写事件

贴示：
（1）获取焦点需要用$nextTick包含，否则会获取不到
（2）$refs加变量方法 ['tip'+id]，id为变量
以上是关于uniapp全局弹窗提示openundefined的主要内容，如果未能解决你的问题，请参考以下文章