assets vue

vue引用assets图片的方法

沐橙
1902
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
看了该问题的人还看了