vue src引入图片,vue css引用asset图片

　　本文主要介绍vue如何通过src引用资产中的图片，具有很好的参考价值。希望对大家有帮助。如有错误或不足之处，请不吝赐教。

目录

　　 vue:src引用资产的图片导入图片，并在数据中声明使用vue导入图片。对于静态img，使用模板绑定src时可以正常导入。

vue:src引用assets的图片

导入图片并在data中声明

　　脚本

　　导入备份自././assets/images/back img . jpg ；

　　导出默认值{

　　data() {

　　返回{

　　备份：备份，

　　};

　　}

　　/脚本

使用

　　img :src=backImg /

vue引入图片方式

对于静态的img,正常引入即可

　　src= @/assets/img/log in/user . png //您可以使用@

当使用模板绑定src时

　　//不能用@无法解析；也找不到资产目录。

　　img:src= @/assets/img/log in/user . png

　　方法1:

　　//将图片放入静态目录

　　img :src= ././static/img/login/user.png

　　方法二：

　　In data require()出现在：

　　//html

　　img :src=img

　　//数据

　　img:require( @/assets/img/log in/user . png )

　　方法3:导入

　　//html

　　img :src=img

　　//脚本

　　从“@/assets/img/login/user.png”导入img

　　//数据

　　img: img

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。