uniapp中uni-popup出现TypeError: this[this.config[newVal]] is not a function

最新推荐文章于 2023-12-08 20:57:24 发布
最新推荐文章于 2023-12-08 20:57:24 发布
阅读量1.4k 收藏 2
点赞数 1
分类专栏： uniapp 文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44820240/article/details/112213108
版权

uniapp中uni-popup出现TypeError: this[this.config[newVal]] is not a function。

在使用uniapp自带的uni-popup弹出层的时候。默认自动补全时type选项自动填补为middle。但其实没有middle选择。所以会产生这个报错。

<uni-popup type="middle"></uni-popup>

在这里插入图片描述
将type内容改为官网文档所有的字段即可。

<uni-popup type="center"></uni-popup>

在这里插入图片描述
另附上官网文档链接：uni-popup 弹出层官网文档
致此，报错解决。小坑。若有同踩，不胜荣幸。
在这里插入图片描述

Ah丶江禾
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
flycheck-popup-tip：使用popup.el显示Flycheck错误消息
02-05
在你的`.emacs`配置文件中，加载`flycheck-popup-tip`并启用它： ```elisp (add-to-list 'load-path "~/.emacs.d/elpa/flycheck-popup-tip-master") (require 'flycheck-popup-tip) (flycheck-popup-tip-mode t) ``...
uni-app自定义uni-popup弹窗内容
最新发布
03-22
自定义uni-popup内容，包含picker-view组件，前提基础需要运行在uni-app项目之下，且已保证插入外置组件，根据传入的list数据渲染选择列表，且能回填数据 组件调用<SelectPick v-if="showPick" v-model="pickValue...
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
主要介绍了Vue 报错TypeError: this.$set is not a function 的解决方法，分享给大家，需要的朋友们下面随着小编来一起学习学习吧
uniapp的popup弹出层的问题：“this.$refs.popup.open is not a function”
qq_40889256的博客
09-08 1万+
uniapp的popup弹出层的问题:=：“this.$refs.popup.open is not a function” 解决方法是: methods:{ open:function(){ this.$refs.popup[0].open() }, }
uniapp 组件引用 TypeError: this.$refs.xxx is not a function 解决方法（全）
u014538997的博客
08-20 2万+
因为自己的项目中，某些常用模块自己定义了组件，使用时 常出现TypeError: this.$refs.xxx is not a function （即没有xxx这个方法），结合网友和自身遇到的问题，得出三种方法
uni-popup TypeError: Cannot read property ‘open‘ of undefined
Ann_52547的博客
11-27 3003
我的代码是没问题的，因为之前popup没有问题，换了笔记本，重新安装了hbuilderx，现在uni-popup在页面的底端都显示出来了，6、重新安装依赖，删除node_modules 和 package-lock.json。4、卸载重装hbuilderx ,根据需要看看是不是卸载重装微信开发者工具。解决：我卸载hbuilder重新下了一遍，再运行项目就没有问题了。1、关闭hbuilderx 和微信开发者工具，重新运行项目。原因：uni-popup插件问题，一篇比较中肯的链接可以参考。
uni.app所有弹框弹框所出现的问题
laer_xiao的博客
09-18 1339
因为弹框是异步的，没有this指向，在成功回调或失败回调没办法直接去调用函数或传递参数，// 选择其中任意一项后，获取其索引（res.tapIndex），从0开始。// 选择其中任意一项后，获取其索引（res.tapIndex），从0开始。//删除字体的颜色，颜色最好是十六进制，不然程序发布上线会出问题。同上，设置icon参数值为none，将不显示加载图标，只显示文字提示。itemList: ['选项一', '选项二', '选项三'],itemList: ['选项一', '选项二', '选项三'],
leaflet-responsive-popup:此插件将覆盖L.Popup，从而消除了移动地图以查看弹出内容的需要
05-28
传单响应弹出 此插件无需移动地图即可看到弹出... script src =" https://unpkg.com/leaflet-responsive-popup@0.6.4/leaflet.responsive.popup.js " > </ script > < link rel =" stylesheet " href =
react-native-popup-menu:React Native的弹出菜单
05-02
安装使用npm npm install " @breeffy/react-native-popup-menu " --save使用纱yarn add "@breeffy/react-native-popup-menu"用法图书馆版本React Native版本描述 如何在Typescript中使用 0.7.0 React本机0.62.2 展示...
react-native-popup-menu：React Native的弹出菜单组件
01-31
上下文菜单，滑入式菜单弹窗安装npm install react-native-popup-menu --save如果您使用的是较旧的RN版本，请查看我们的兼容性表。基本用法将您的应用程序包装在MenuProvider ，然后在需要的地方简单使用Menu组件。...
uni-app运行出现TypeError: (0 , _shop.default) is not a function报错的解决方式
小杨的博客
11-24 3664
import的格式写错了，导入方法的时候，方法应该用大括号括起来；导入组件时则不需要，例如。
uni-app开发微信小程序问题汇总
凌峰的博客
01-19 2772
最近在用uni-app开发微信小程序，这里将开发中遇到的坑和问题记录一下，后续发现新问题也会持续更新。 1、关于new Date() 当使用new Date()转化 时间字符串时，在微信开发工具、安卓和ios真机上的表现略有不同 let date1=new Date('2021/01/01'); let date2=new Date('2021-01-01'); let date3=new Date('2021.01.01'); console.log('date1:',date1); conso
uniapp实战 —— 弹出层 uni-popup (含vue3子组件调父组件的方法)
朝阳39的博客
12-08 2103
/ 子组件调父组件的方法const'close'void</</</</</</</</</</</</</</</padding;;position;;.title;padding;text-align;font-size;;;color;right;top;.dt;font-size;color;;position;width;
解决uni-app的TypeError: this.$refs.子组件名.子组件方法 is not a function
BelleLinQ的博客
02-01 2739
解决uni-app： this.$refs.子组件名.子组件方法 is not a function
uni.app的uni-popup:this.popup.disableMask is not a function
w_z_bin的博客
04-23 1035
出现这个错误是因为popup.js中getParent（）方法中name是u是小写的，而下面parent.$options.name获取到的是的是而所有返回的是false，this.popup是false,里面什么都没有。
[uni-app]uni-popup组件弹出异常的解决方案
qq_52925863的博客
11-26 7882
[uni-app]uni-popup组件弹出异常的解决方案
uni-app学习笔记之config配置(域名||白名单||statusCode)
紫微斗数学习交流
01-15 3254
//common/config.js const baseUrl = 'https://api.shop.eduwork.cn'; export default { "baseUrl": baseUrl, "whiteList": ["/api/auth/register", "/api/auth/login", "/api/index" ].map(x => baseUrl + x) } //import config from "./config.js";
uniapp移动端开发使用弹出层滚动报错解决
Zuiet的博客
10-27 1290
uniapp移动端开发使用弹出层滚动报错解决
vue watch报错：Error in callback for watcher “xxx“: “TypeError: Cannot read properties of undefined ...
热门推荐
qq_45327886的博客
08-20 4万+
Error in callback for watcher "flowCategory": "TypeError: Cannot read properties of undefined (reading 'apply')" watch监听报错
uniapp 中 uni-popup 如何使用
04-02
uni-popup 是 uni-app 中的弹窗组件，可以用来展示一些提示信息或作为选择器等功能的弹窗。下面是 uni-popup 的使用方法： 1. 引入组件：在需要使用的页面中，引入 uni-popup 组件。 ``` <uni-popup></uni-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值