Size: a a a

Vue.js Russian Developers Community

2020 December 24

BS

Bogdan Saliuk in Vue.js Russian Developers Community
Иван Ковалев
Доброго времени суток, друзья, не могу найти, возможно ли обработчик событий закинуть два и более аргумента/параметра/переменных
а что мешает?
источник

ДТ

Дима Турков... in Vue.js Russian Developers Community
Добрый вечер. Подскажите пожалуйста, как правильно вывести значение:

Vue.component('my-component',{
 template: `
   <img
     v-for="modification in modifications"
     :src="/path/calculator/img/modifications/${modification.value}.png"
   >
 `
}
)

Пишет, что ошибка, нет такой переменной. B вроде ясно, он ищет именно js переменную, а не из шаблона vue.
источник

in Vue.js Russian Developers Community
Дима Турков
Добрый вечер. Подскажите пожалуйста, как правильно вывести значение:

Vue.component('my-component',{
 template: `
   <img
     v-for="modification in modifications"
     :src="/path/calculator/img/modifications/${modification.value}.png"
   >
 `
}
)

Пишет, что ошибка, нет такой переменной. B вроде ясно, он ищет именно js переменную, а не из шаблона vue.
Ковычки обратные внутри ковычек
источник

in Vue.js Russian Developers Community
Это же темплейт ес6
источник

ДТ

Дима Турков... in Vue.js Russian Developers Community
Это же темплейт ес6
внимательно посмотри на код. Шаблон компонента уже в ковычках
источник

MH

M.Ketchup Hientz in Vue.js Russian Developers Community
Дима Турков
Добрый вечер. Подскажите пожалуйста, как правильно вывести значение:

Vue.component('my-component',{
 template: `
   <img
     v-for="modification in modifications"
     :src="/path/calculator/img/modifications/${modification.value}.png"
   >
 `
}
)

Пишет, что ошибка, нет такой переменной. B вроде ясно, он ищет именно js переменную, а не из шаблона vue.
:src не правильно
источник

MH

M.Ketchup Hientz in Vue.js Russian Developers Community
Нужно в одинарные кавычки всё внутри обернуть и сделать + modification.value
источник

MH

M.Ketchup Hientz in Vue.js Russian Developers Community
Или через computed свойство
источник

👀

👀 Анатолий... in Vue.js Russian Developers Community
:src="`/path/calculator/img/modifications/${modification.value}.png`"
источник

ДТ

Дима Турков... in Vue.js Russian Developers Community
M.Ketchup Hientz
Нужно в одинарные кавычки всё внутри обернуть и сделать + modification.value
одинарные не вариант, придётся каждую строчку html кода писать через +
источник

ДТ

Дима Турков... in Vue.js Russian Developers Community
я сокращённый код скинул
источник

ДТ

Дима Турков... in Vue.js Russian Developers Community
👀 Анатолий
:src="`/path/calculator/img/modifications/${modification.value}.png`"
не работает, пишет
Uncaught SyntaxError: Unexpected token '{'
источник

MH

M.Ketchup Hientz in Vue.js Russian Developers Community
Дима Турков
одинарные не вариант, придётся каждую строчку html кода писать через +
Просто если писать :src то равно должно быть переменной, если там внутри ещё и текст, то он должен в кавычки обрамлён быть
источник

MH

M.Ketchup Hientz in Vue.js Russian Developers Community
Дима Турков
не работает, пишет
Uncaught SyntaxError: Unexpected token '{'
Так не будет, у тебя уже всё выражение в обратные кавычки обёрнуто
источник

ДТ

Дима Турков... in Vue.js Russian Developers Community
ну а я про что. Поэтому и задаю вопрос. Как быть то в таком случае
источник

ДТ

Дима Турков... in Vue.js Russian Developers Community
вот мне нужно значение + строка
источник

MH

M.Ketchup Hientz in Vue.js Russian Developers Community
Всё что внутри :src просто в computed свойство доьавь
источник

MH

M.Ketchup Hientz in Vue.js Russian Developers Community
И туда его уже напиши
источник

MH

M.Ketchup Hientz in Vue.js Russian Developers Community
И всё
источник

ДТ

Дима Турков... in Vue.js Russian Developers Community
M.Ketchup Hientz
Всё что внутри :src просто в computed свойство доьавь
я думал иначе можно, ну ок
источник