夕汐风华 2021-03-31 19:18 采纳率: 100%
浏览 38

通过点击切换img标签的src属性，切换后路径正确，但是图片无法显示

正常显示的第一张 标题第一张正常显示。图片本来是1920*1080，通过样式修改了大小，图片名称被自动添加了一串字符 这是点击切换之后的 切换之后，图片路径切换成功，但是没有显示

数组保存的路径

数组保存图片路径，点击超链接切换路径。如果是样式改变了图片大小的原因的话除了改变图片原来大小还有其它解决方法吗

  • 写回答

2条回答 默认 最新

  • 夕汐风华 2021-03-31 20:04
    关注

    嘶。。。。我测试过了，单独写一个html文件使用script标签写js代码改变src路径没问题，不会加额外字符串。但是在组件中使用img标签图片都会默认加一个额外的字符串。这个怎么解决呢？

    评论

报告相同问题？

  • vue动态设置img的src路径实例
    2020-10-18 00:16
    总结来说，无论是Vue2.x还是Vue3.x，动态设置img标签的src属性都是通过将图片路径设置为组件的响应式数据来实现的。在Vue2.x中我们使用require函数，在Vue3.x中则可以利用ES6的import语法。这样的做法不仅保持了数据...
  • js实现索引图片切换效果
    2020-10-23 07:01
    在该容器内部，我们添加多个img标签，每个标签的src属性指向一张图片的路径。例如： ```html <img src="img/1.jpg"/> <img src="img/2.jpg"/> <img src="img/3.jpg"/> ``` 接下来是CSS样式代码，这些样式用于...
  • 前端必知：你真的掌握img标签了吗？
    2025-12-26 15:56
    瞬泉的博客 深入探讨前端开发中容易被忽视的img标签细节，从性能优化到语义化使用，揭示常见误区与最佳实践，帮助开发者真正理解并用好这一基础但关键的HTML元素。
  • jquery全屏背景图片切换效果.zip
    2022-11-21 11:32
    在前端开发中，全屏背景图片切换是一种常见的视觉设计手法，可以为网站或应用增添动态效果，提升用户体验。本项目“jquery全屏背景图片切换效果”利用jQuery库结合CSS和HTML5来实现这一功能。接下来，我们将深入探讨...
  • VUE前端加载图片信息报错，图片路径不正确
    2022-05-26 11:06
    A阳光码农的博客 1.问题描述：用Vue界面加载显示图片。报错信息如下： 2.正确路径编写如下： <div v-for="(item,index) in shiftLog.FILE_ARR" :key="index"> <!-- 渲染网络地址的图片，本地地址的图片要用require --...
  • js点小图显示大图的切换功能代码
    2020-10-30 07:15
    根据您提供的文件信息，我们可以从中提炼出关于实现一个通过点击小图显示对应大图的JavaScript切换功能的知识点。以下是详细的知识点说明： ### 知识点1：页面布局和样式设置 首先，我们注意到页面使用了内联CSS...
  • vue，动态修改img的引用地址（地址为项目中的，并不是服务器数据），路径正确无法显示问题
    2024-02-21 14:44
    摘星小杨的博客 动态展示图片 img中src巧妙的使用
  • 点击图片后放大居中显示
    2013-10-29 01:31
    在网页设计中，"点击图片后放大居中显示"是一个常见的功能需求，它涉及到前端开发中的交互设计和CSS样式处理。这个功能不仅提升了用户体验，也使得用户能够更清晰地查看图片细节。以下将详细讲解实现这一功能的关键...
  • vue 全局环境切换问题
    2020-10-16 02:51
    例如，<img :src="ossUrl + 后台传输url" class="avatar">，这里ossUrl是从$global中获取的全局图片资源路径，后台传输url是一个动态从服务器获取的图片文件名。通过这种方式，可以根据当前环境动态加载相应的图片...
  • Vue如何处理错误图片路径时换成另一张准备好的图片
    2024-07-04 18:29
    北原_春希的博客 在Vue中处理错误图片路径（即当图片无法加载时）并替换为另一张准备好的图片，可以通过几种方式实现。
  • 没有解决我的问题, 去提问