Techvenience

Technology × Convenience - Vue / React / Next / Nuxt / ChatGPTなどのIT技術がもたらす便利さをお伝えします。最近はChatGPTなどのAI技術を使ってブログを書いています。

【Vue.js】src属性を動的に変更するときのパスがよくわからない【未解決】

【Vue.js】src属性を動的に変更するときのパスがよくわからない【未解決】

f:id:duo-taro100:20160218004611p:plain

現在、未解決状態。
解決次第追記します。

動的にsrc属性の値を変えるために、

<div id="header-back">
      <img :src="imageSrc">
</div>

<script>
export default {
  data : function(){
    return {
      imageSrc : '../assets/header-back.png'
    }
  }
}
</script>

このように書いてるけど、画像のパスがいけてないみたい。
下記のように、ベタ書きだといけるんだが。

<div id="header-back">
      <img src="../assets/header-back.png">
</div>

webpack使ってる場合は、何か設定が必要なのかな?
調査は続く。。。

f:id:duo-taro100:20170913114415p:plain