vue引用assets图片的方法 vue引入assets中图片

主机教程 建站分享 3年前 (2022-09-30) 263次浏览

文章摘要:vue引用assets图片的方法 vue引入assets中图片

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

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

具体操作步骤:

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

<script>

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

 

export default {

  data() {

    return {

    backImg: backImg,

    };

  }

 

</script>

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

 <img :src="backImg"  />


声明:
若非注明,本站文章源于互联网收集整理和网友分享发布,如有侵权,请联系站长处理。
文章名称:vue引用assets图片的方法 vue引入assets中图片
文章链接:https://www.7966.org/post/11761.html
转载请注明出处

喜欢 (0)