当前位置: 首页 > ai >正文

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.vuepages_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还需做大做强。

http://www.xdnf.cn/news/5160.html

相关文章:

  • Kubernetes 使用 containerd 实现 GPU 支持及 GPU Operator 部署指南
  • Eclipse 插件开发 6 右键菜单
  • 从 JMS 到 ActiveMQ:API 设计与扩展机制分析(三)
  • 单脉冲前视成像多目标分辨算法——论文阅读
  • stm32之IIC
  • 基于STM32的居家环境监测报警Proteus仿真+程序设计+设计报告+讲解视频
  • 利用多AI协作实现AI编辑器高效开发:创新架构与实践基本构想
  • DeepSeek 实现趣味心理测试应用开发教程
  • JAVA自动装箱拆箱
  • 车载电子电器架构 --- 汽车网关概述
  • 【计算机视觉】OpenCV实战项目:Athlete-Pose-Detection 运动员姿态检测系统:基于OpenCV的实时运动分析技术
  • [面试]SoC验证工程师面试常见问题(五)TLM通信篇
  • 引言:Client Hello 为何是 HTTPS 安全的核心?
  • 前端HTMX技术详细解释
  • 第十七次博客打卡
  • AZScreenRecorder最新版:功能强大、操作简便的手机录屏软件
  • 网络编程套接字
  • [白话文] 从百草园RLHF到三味书屋DPO
  • 全栈开发实战:FastAPI + React + MongoDB 构建现代Web应用
  • MCP协议:大模型与外部工具交互的标准化创新方案
  • 从零开始跑通3DGS教程:(四)修改(缩放、空间变换)colmap生成的sfm结果
  • SpringBoot框架开发网络安全科普系统开发实现
  • 分布式事务快速入门
  • 小程序多线程实战
  • 功能齐全的菜谱管理器Tamari
  • [论文阅读]BadPrompt: Backdoor Attacks on Continuous Prompts
  • 23、Next.js:时空传送门——React 19 全栈框架
  • window 显示驱动开发-线性伸缩空间段
  • 简单网络交换、路由二
  • JavaWeb:JDBC