vue动态绑定src加字符串拼接

最新推荐文章于 2023-01-10 16:26:50 发布

转载

最新推荐文章于 2023-01-10 16:26:50 发布 · 4.2k 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/dancer0321/p/10477065.html

文章标签：

本文介绍了在Vue中如何动态拼接字符串来设置img标签的src属性以及style中的background属性。针对两种场景提供了解决方案：一是使用v-for循环中结合ES6语法动态生成图片链接；二是展示在style中动态设置背景图片的方法。

关键点

1.问题是这样子的,瞧瞧
基本网络链接 : http://openweathermap.org/img/w/02n.png ; 但是了字符'02n'是动态的,切换它可以获取不同的天气图片,如果这样的链接在vue的v-for中该如何拼接字符串了,下解:
2.解决这个问题
- 方法一(你可以这样写)、
```
<ul>
      <
```