Vueの学習 - に直面する問題と解決策の一部（B）

図1に示すように、画像パス問題に

 

図1に示すように、画像パス問題に

これは、相対パス.vue HTMLで直接使用することができますが、それは戻って、ブラウザから見ることができ、最終的にパス自体は交換されています。あなたはJSファイルを使用する必要がある場合は、独自の交換が必要と使用する必要があります。

　　代替用途での相対パスは、JSファイルが必要です。

'jqueryの'からの輸入$
 関数showimg1（URL）{ 
  はconsole.log（ 'showimg1' ）
   VAR MSG = $（ 'ホーム> .MSG' ）
  msg.append（ '<div>の\ N' + 
    '<IMGクラス= "myimg" SRC = '（../../資産/ img100.jpgを'）+必要' + '/> \ n' + / * 替换路径* / 
    ' </ div>」）
} 
エクスポート{ 
  showimg1 
}