免费海外服务器ip,vue引用assets图片的方法

博主:xiaoweixiaowei 2023-01-18 条评论

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

The End

发布于:2023-01-18,除非注明,否则均为 主机评测原创文章,转载请注明出处。