После установки img.src с помощью v-bind, webpack не будет переводить ссылку - PullRequest
Новая
       14

После установки img.src с помощью v-bind, webpack не будет переводить ссылку

0 голосов
/ 12 января 2019

Я использую vue-cli-2.9.3 для создания шаблона веб-пакета без изменения настроек по умолчанию.

Когда я пытаюсь связать некоторые imgs в моих компонентах, такие как 

<template>
  <div>
      <img src="../assets/p1.jpeg">
      <img src="../assets/p2.jpeg">
  </div>
</template>

это img будет переведено в <img src="/static/img/p1.3b03bfb.jpeg">, и это прекрасно работает. Но я хочу установить src с помощью v-bind: 

<template>
  <div>
      <img :src="`../assets/p${number1}.jpeg`">
      <img :src="`../assets/p${number2}.jpeg`">
  </div>
</template>

конечно, number1 равно 1 и number2 равно 2.

это img будет переведено на <img src="../assets/p2.jpeg">. Таким образом, браузеры не могут найти ресурс в окончательном проекте. Как решить эту проблему?

1 Ответ

0 голосов
/ 12 января 2019

Решение:

используйте для анализа img url. 

<img :src=“require(../assets/p${number1}.jpeg)”>
...