温馨提示×

vue引用assets图片的方法

沐橙
1884
2021-04-20 13:06:06
栏目: 编程语言

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"  />

0