Vue. js гиперссылки, которые меняются в зависимости от данных реквизита.

Question

На домашней странице моего проекта Vue есть несколько карточек Bootstrap, каждая из которых должна иметь кнопку с гиперссылкой, которая имеет тот же базовый URL, что и остальные. Конец URL должен быть значением свойства "name" реквизита, от которого карта получает информацию. Например:

1-ая карточка - URL = "https://coinmarketcap.com/currencies" + "/ bitcoin"

"bitcoin" должна исходить от propName.name.

2-я карточка - URL = "https://coinmarketcap.com/currencies" + "/ litecoin"

"litecoin" должен исходить от propName.name.

И и так далее.

Я пробовал следующее:

1. Использование data () для возврата "baseURL", который имеет значение базового URL, делая "baseURL" значение href, затем добавление {{propName.name}} в конец.

2. Создание кнопки ссылки с использованием тега ввода, который использует "onclick =" window.location. href = ... + {{propName.name}} "

Что бы я ни пытался изменить" + {{propName.name}} "в URL, либо приложение не сможет или я получаю сообщение об ошибке, в котором говорится, что я не могу использовать «+».

Что я могу сделать?

Спасибо.

Answer 1

Вам необходимо связать свои переменные с атрибутом href: :href="baseURL + propName.name"

Я предполагаю, что baseURL является свойством data().