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

点击修改按钮图片显示有问题

问题可能出在表单数据的初始化上。在 ave-form.vue 中,我们需要处理一下从后端返回的图片数据,因为它们可能是 JSON 字符串格式。

vue:src/views/tools/fake-strategy/components/ave-form.vue
// ... existing code ...@Watch('value')watchValue(v: any) {this.$nextTick(() => {this.getProducts()// 处理图片数据const formData = {...v,productPhotos: v.productPhotos ? JSON.parse(v.productPhotos) : [],purchaseRecords: v.purchaseRecords ? JSON.parse(v.purchaseRecords) : []}this.form = formData})}// ... rest of the code ...

主要修改:

  1. watchValue 方法中,我们对 productPhotospurchaseRecords 字段进行了特殊处理
  2. 使用 JSON.parse 将字符串转换为数组
  3. 如果字段不存在或解析失败,则使用空数组作为默认值

这样修改后:

  • 当点击修改按钮打开表单时,图片数据会被正确解析
  • 图片组件会收到正确格式的数组数据
  • 图片应该能够正常显示了

这个修改假设后端返回的图片数据是 JSON 字符串格式。如果格式不同,我们可能需要做相应的调整。你能告诉我后端返回的图片数据具体是什么格式吗?

  • 后端返回的就是 JSON 字符串格式 的图片数据

在这里插入图片描述

http://www.lryc.cn/news/542524.html

相关文章:

  • [AI]从零开始的树莓派运行DeepSeek模型教程
  • 2024-2025 学年广东省职业院校技能大赛 “信息安全管理与评估”赛项 技能测试试卷(二)
  • Open WebUI本地部署教程
  • Missing required prop: “maxlength“
  • dify本地部署
  • python学习一
  • git branch
  • 算法-图-数据结构(邻接矩阵)-BFS广度优先遍历
  • 数学建模之数学模型—2:非线性规划
  • unity学习51:所有UI的父物体:canvas画布
  • ctfshow做题笔记—栈溢出—pwn57~pwn60
  • 数据结构 1-2 线性表的链式存储-链表
  • ArcGIS Pro进行坡度与坡向分析
  • My first Android application
  • ZLMediaKi集群设置
  • Docker基础实践与应用举例
  • Innovus中快速获取timing path逻辑深度的golden脚本
  • 百度AI图片助手,免费AI去水印、画质修复、画面延展以及局部替换
  • 【前端】Axios AJAX Fetch
  • 测试面试题:以一个登录窗口为例,设计一下登录界面测试的思路和方法
  • Android之图片保存相册及分享图片
  • EX_25/2/24
  • ElasticSearch公共方法封装
  • JVM之JVM的组成
  • 贪心算法
  • Linux下安装中文输入法总结
  • 人工智能(AI):科技新纪元的领航者
  • c3p0、Druid连接池+工具类 Apache-DbUtils (详解!!!)
  • 鸿蒙开发深入浅出03(封装通用LazyForEach实现懒加载)
  • AWS - Redshift - 外部表读取 Parquet 文件中 timestamp 类型的数据