uniapp-商城-48-后台 分类数据添加修改弹窗bug

在第47章的操作中,涉及到分类的添加、删除和更新功能,但发现uni-popup组件存在bug。该组件的函数接口错误导致在小程序中出现以下问题:1. 点击修改肉类名称时,回调显示为空,并报错"setVal is not defined",在H5和微信开发工具中均出现此问题,但H5中能显示肉类名称;2. 点击新增时,出现与现象1相同的错误。通过解析日志,发现错误是由于setVal函数未定义导致的。经过修改,在该文件中明确定义setVal函数,问题得以解决。这表明uni-popup组件在回调处理上存在缺陷,需修复以确保功能正常运行。官方还需进一步优化uniapp,提升其稳定性和功能性。

1、现象

1.1、第一个

这里点击修改肉 的名称 ,但是回调显示到popup上,为空。如下图,并报错。

无论是在h5 web 还是微信开发工具都报错,在微信开发工具,上还不能将点击的 肉 显示。

在h5 web 能显示 肉 。

复制代码
[Vue warn]: Error in callback for watcher "value": "ReferenceError: setVal is not defined"

found in

---> <UniPopupDialog> at uni_modules/uni-popup/components/uni-popup-dialog/uni-popup-dialog.vue
       <UniPopup> at uni_modules/uni-popup/components/uni-popup/uni-popup.vue
         pages_manage/category/category.vue

1.2、第二个

点击新增时,也会和1的现象一样。报同样的错。

2、通过解析读取日志分析

Error in callback for watcher "value": "ReferenceError: setVal is not defined",表示是有一个值setval没有被定义。

提示是在

<UniPopupDialog> at uni_modules/uni-popup/components/uni-popup-dialog/uni-popup-dialog.vue

以及:

<UniTransition> at uni_modules/uni-transition/components/uni-transition/uni-transition.vue

3、找到该vue文件

发现该文件中,setval 没有明确定义或表明是来自于哪里。导致警告。并影响在另外的平台执行。

4、进行修改

在该文件中,方法这里就定义了setval函数,这里就改写为this.setval就好。

再次执行,问题解决。soeasy,看起官方还要加油,uniapp还需做大做强。

相关推荐
游戏开发爱好者818 小时前
iOS 商店上架全流程解析 从工程准备到审核通过的系统化实践指南
android·macos·ios·小程序·uni-app·cocoa·iphone
toooooop818 小时前
Vuex 中 state、mutations 和 actions 的原理和写法
前端·javascript·uni-app
林_xi19 小时前
uniapp使用@uni-ku/root插件实现全局组件
前端·uni-app
计算机毕设定制辅导-无忧学长19 小时前
基于uni-app的“民族风韵”特色购物小程序
uni-app
一个处女座的程序猿O(∩_∩)O19 小时前
UniApp 生命周期全解析:从应用到页面,再到组件的完美协奏曲
前端·uni-app
你听得到111 天前
Web前端们!我用三年亲身经历,说说从 uniapp 到 Flutter怎么转型的,这条路我爬过,坑我踩过
前端·flutter·uni-app
IT 前端 张1 天前
Uniapp全局显示 悬浮组件/无需单页面引入
前端·javascript·uni-app
行云流水6261 天前
uniapp h5图片长按隐藏默认菜单弹出
前端·javascript·uni-app
对角1 天前
用 Gemini 3 复刻了 X 上爆火的复古拍立得,AI 也能写小程序了?
前端·uni-app·ai编程
2501_916008891 天前
Objective-C 测试(OC 测试)指南 从单元测试到性能调优的多工具协同方法
android·ios·小程序·https·uni-app·iphone·webview