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

在组件中显示tuku的照片

news 来源：原创 2024/9/20 8:05:00

 一、问题

（1）错误：域名前面一定要加http://要不然会报错

（2）在使用 defineModel传值时一定要动态绑定，要不然图片不显示

（3）改完后在商品列表中显示图片信息必须

 在显示的图片中取第一张图片

二、过程

在tuku.vue组件中添加图片库

 定义一个集合接收后端响应的数据

     在点击图片时触发方法，把当前url传给 父对象并关掉弹窗

   

 在add.vue页面

在编辑页面中使用tuku上传多个图片时，其他以上步骤都一样，在回显数据时，需要判断下 图片数组的个数在进行赋值

 

 后端代码：查询nginx中存储的数据

相关文章：

  • 北京网站建设多少钱？
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 记录一次Android推流、录像踩坑过程
  • 解决TypeError: __init__() takes 1 positional argument but 2 were given
  • 使用Python Turtle绘制圣诞树和装饰
  • 使用 exe4j 转换 Java jar 程序为 Windows 平台可执行文件 （.exe）
  • WebSocket实现群聊功能、房间隔离
  • 字节抖音电商 后端开发岗位 一面
  • 图像边缘检测中Sobel算子的原理,并附OpenCV和Matlab的示例代码
  • 安全防御：智能选路
  • Study--Oracle-07-ASM自动存储管理（二）
  • vue路由的钩子函数
  • 【字幕】字幕特效入门
  • Android 使用WindowManager.LayoutParams窗口参数修改 Dialog 窗口的位置
  • Chapter 1:数据结构前言
  • 使用Python批量压缩图片
  • js获取和设置url参数
  • 《用数据讲故事》作者Cole N. Knaflic：消除一切无效的图表
  • 2017年终总结、随想
  • es6要点
  • Java 23种设计模式 之单例模式 7种实现方式
  • Java程序员幽默爆笑锦集
  • laravel5.5 视图共享数据
  • leetcode386. Lexicographical Numbers
  • 案例分享〡三拾众筹持续交付开发流程支撑创新业务
  • 初识MongoDB分片
  • 纯 javascript 半自动式下滑一定高度，导航栏固定
  • 个人博客开发系列：评论功能之GitHub账号OAuth授权
  • 前端相关框架总和
  • 山寨一个 Promise
  • 实战｜智能家居行业移动应用性能分析
  • 问:在指定的JSON数据中（最外层是数组）根据指定条件拿到匹配到的结果
  • 一个完整Java Web项目背后的密码
  • 异常机制详解
  • 硬币翻转问题，区间操作
  • 深度学习之轻量级神经网络在TWS蓝牙音频处理器上的部署
  • JavaScript 新语法详解：Class 的私有属性与私有方法 ...
  • 不要一棍子打翻所有黑盒模型，其实可以让它们发挥作用 ...
  • ​LeetCode解法汇总2182. 构造限制重复的字符串
  • # windows 运行框输入mrt提示错误：Windows 找不到文件‘mrt‘。请确定文件名是否正确后，再试一次
  • $Django python中使用redis, django中使用(封装了),redis开启事务(管道)
  • （Java岗）秋招打卡！一本学历拿下美团、阿里、快手、米哈游offer
  • （不用互三）AI绘画：科技赋能艺术的崭新时代
  • （附源码）c#+winform实现远程开机（广域网可用）
  • （附源码）springboot 校园学生兼职系统 毕业设计 742122
  • （接上一篇）前端弄一个变量实现点击次数在前端页面实时更新
  • （三）终结任务
  • (一) storm的集群安装与配置
  • (转)利用ant在Mac 下自动化打包签名Android程序
  • .NET Core 成都线下面基会拉开序幕
  • .Net CoreRabbitMQ消息存储可靠机制
  • .Net FrameWork总结
  • .NET 项目中发送电子邮件异步处理和错误机制的解决方案
  • .NET单元测试使用AutoFixture按需填充的方法总结
  • @ComponentScan比较
  • @Query中countQuery的介绍
  • [8-23]知识梳理：文件系统、Bash基础特性、目录管理、文件管理、文本查看编辑处理...