网站地图    收藏   

主页 > 前端 > vue教程 >

vue图片动态引入

来源:未知    时间:2021-11-05 15:45 作者:小飞侠 阅读:

[导读] 在VUE里面图片如果动态引入往往出现404 现在介绍2个办法解决VUE中图片是如何动态引入的... 把图片路径写在data里面,然后渲染模板的两种方式 方案1、在data使用require将图片进入,写法...

在VUE里面图片如果动态引入往往出现404

现在介绍2个办法解决VUE中图片是如何动态引入的...

把图片路径写在data里面,然后渲染模板的两种方式


方案1、在data使用require将图片进入,写法如下

logo: require('../asset/admin/logo.png')
// 在模板中渲染
<img :src="logo">

 

方案2、把图片放在static文件夹中,如下


           

在data中使用

logo: '../static/images/logo.png'

以上就是vue图片动态引入出现404解决办法在VUE里面图片如果动态引入往往出现404

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论