1. 程式人生 > >vue-cli 腳手架、vue元件引入圖片出錯解決辦法

vue-cli 腳手架、vue元件引入圖片出錯解決辦法

問題:vue-cli腳手架中 元件相互巢狀,圖片路徑報錯。

解決辦法:首先把圖片引入進來,然後再付給data();

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

<style>

</style>

<script>

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

export default{

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



</script>