AntonBrock
@AntonBrock
screen light

Ребят, что я делаю не так при смене картинки во Vue.js?

Просто пытаюсь сменить картинку при наводке. (картинка первая отрисовывается), наводка работает, а вот за место второй картинки я получаю "localhost:3000/~/assets/img/chrome_icon-white.svg 404 (Not Found)"
a(href="#" class="_available-a" @mouseover="changeIcon")
          img(src="~/assets/img/chrome_icon-color.svg", 
          alt="chrome icon" 
          ref='icon' 
          width='25')

changeIcon(){
      this.$refs.icon.src = "~/assets/img/chrome_icon-white.svg";
    }


Что я не так делаю?
  • Вопрос задан
  • 131 просмотр
Решения вопроса 1
victory_vas
@victory_vas
Сработает только так:
changeIcon(){
      this.$refs.icon.src = require("~/assets/img/chrome_icon-white.svg");
    }

Так вычислится конечный путь (актуальный при билде)
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы