有学有练才叫学习:学而不思则罔,思而不学则殆:学而不习,纸上谈兵,习而不进,画地为牢!

Vue2x3x脚手架中引入图片的方式(如下几种)

vue 炮渣日记 1个月前 (11-08) 25次浏览 已收录 0个评论 扫描二维码

第一种:

<img :src="img" > //引用图片
import img from './assets/logo.png' //引入单一图片
//vue动态生成路径时,无法被url-loader解析,需要通过导入的方式
 img:img, //定义到变量中

第二种:

<img :src="img2" > //引用图片
 img2:'../static/logo.png', //图片放在静态文件夹中

第三种:

 <img v-for="(item,i) in items" :key="i" :src="item"/> //引用图片
 items:[require('./assets/img/banner1.jpg'), //后台请求图片
 require('./assets/img/banner2.jpg'),
 require('./assets/img/banner3.jpg'),
 require('./assets/img/banner4.jpg'),
 require('./assets/img/banner5.jpg')],
喜欢 (0)
炮渣日记
关于作者:
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址