温馨提示×

vue引用assets图片的方法

沐橙
1901
2021-04-20 13:06:06
栏目: 编程语言
Vue开发者专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

vue引用assets图片的方法:1、将图片进行导入并在在data中声明;2、再通过img标签进行引用即可。

vue引用assets图片的方法

具体操作步骤:

1、导入图片并在data中声明。

<script>

import backImg from "../../assets/images/backimg.jpg";

 

export default {

  data() {

    return {

    backImg: backImg,

    };

  }

 

</script>

2、在HTML文件中使用img标签进行引用。

 <img :src="backImg"  />

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读:vue引用静态图片的方法

0