问题:vue-cli脚手架中 组件相互嵌套,图片路径报错。

解决办法:首先把图片引入进来,然后再付给data();

<template>
    <img :src="picUrl"/>
</template>

<style>

</style>

<script>

//首先要引入图片
import pic from "@/assets/logo.png";

export default{

    data(){
        return {
                //在引用图片
              picUrl:pic,
       }
  
   }
}



</script>

 

Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐