图片路径问题(静态、动态)

￡神魔★判官ぃ 2022-06-01 03:20 196阅读 0赞

（1）<img src="../assets/img/favicon.ico">

（2）

v-for="u in list"

<img class="pic" :src="require('../assets/'+u.avatar)">

（3）示例1：（图片排列比较整齐时）

this.$http.get("http://localhost/wyyx/indexProList.php",{emulateJSON:true,withCredential:true}).then((response)=>{
            this.pList1=response.body;
          })

<div>
                <img v-for="p in pList1" :src="require('../assets/'+p.img_path)">
              </div>

（4）示例2：（图片排列不整齐且图片比较时）

this.$http.get("http://localhost/wyyx/indexProduct.php",{emulateJSON:true,withCredentials:true}).then((response)=>{
            this.path1=require('../assets/'+response.body[0][1]);
            this.path2=require('../assets/'+response.body[1][1]);
            this.path3=require('../assets/'+response.body[2][1]);
            this.path4=require('../assets/'+response.body[3][1]);
          })

<div>
                <img :src="path1" alt="">
              </div>
              <div>
                <img :src="path2" alt="">
              </div>
              <div>
                <img :src="path3" alt="">
                <img :src="path4" alt="">
              </div>

这里我本来是用pList\[0\]、pList\[1\]....，结果发现vue不认账呀，所以就使用了四个变量

还有，最最重要的一点是，当非常肯定自己的代码正确却发现效果不对时，请重启服务器，vue服务器有时不稳定哦！！！！！

补：

发现有时在html上加require会报错，当报错时可以在js中先require后再放入html中

发表评论取消回复

表情：

评论列表（有 0 条评论，196人围观）

还没有评论，来说两句吧...

相关阅读

相关动态规划——路径问题

指在一个给定的网格中，从起点到终点有多条可能的路径，每条路径都有一个特定的权重或成本，动态规划路径问题的目标是找到一条路径使得其总权重或成本最小或最大化。在解决这类问题时...

柔光的暖阳◎/ 2024年04月25日 08:46/ 0 赞/ 74 阅读

相关【动态规划】路径问题

文章目录动态规划（路径问题） 1. 不同路径 | 2. 不同路径 || 3. 礼物的最大价值 4. 下降最小

忘是亡心i/ 2024年03月22日 20:36/ 0 赞/ 105 阅读

相关 vue图片路径问题

Vue图片路径问题（动/静态引入：绝对路径、相对路径） DEMO实例（可快速解决问题）: 注意：绝对路径方式导入的图片需要存储在 publiic 文件夹下静态

川长思鸟来/ 2023年10月15日 15:39/ 0 赞/ 48 阅读

相关 vue-cil和webpack中本地静态图片的路径问题解决方案

1 本地图片动态绑定img的src属性一般我们在html中或者vue组件文件中引用图片是这样，这是不需要做特别处理的。 ![2019092608511974.png]

今天药忘吃喽~/ 2023年08月17日 15:21/ 0 赞/ 118 阅读

相关 springboot获取静态图片路径_springboot访问图片本地路径并映射成url

springboot如何访问本地路径并获取图片等静态资源文件的url？代码写法如下：增加一个配置类： @Configurationpublic class Web

Love The Way You Lie/ 2023年01月03日 05:57/ 0 赞/ 145 阅读

相关 java 图片路径格式化_java画图片和图片路径问题

getResourceAsStream ()返回的是inputstream getResource()返回:URL Class.getResource("") 返回的是当前

太过爱你忘了你带给我的痛/ 2022年11月06日 10:51/ 0 赞/ 173 阅读

相关图片路径问题(静态、动态)

（1）<img src="../assets/img/favicon.ico"> （2） v-for="u in list" <img c

￡神魔★判官ぃ/ 2022年06月01日 03:20/ 0 赞/ 197 阅读

相关 vue模板中对图片src的动态引入（路径）问题

在做移动端项目时，底部导航的名称和图片习惯于用json文件中引入数据。而在vue项目中，当要在中动态引入图片时，若直接从json文件中导入item.src字段为’assets/

灰太狼/ 2022年03月15日 06:00/ 0 赞/ 458 阅读

相关图片的静态动态显示效果

C\实现图片特效 [http://blog.sina.com.cn/s/blog\_602089010100gg93.html][http_blog.sina.com.c

た入场券/ 2021年12月20日 23:19/ 0 赞/ 267 阅读

相关 SpringBoot 静态资源使用项目外部路径图片跨域问题CORS 解决

配置类 package com.zz.config; import org.springframework.beans.factory.anno

矫情吗；*/ 2021年09月19日 14:32/ 0 赞/ 818 阅读