Внутри компонента Vue есть контент, который извлекается из firebase и импортируется в таблицу, чтобы его можно было отобразить. Одним из таких «полей», так сказать, является URL. В базе данных он структурирован как {name: "my link", url: "www.example.com"} и помещен непосредственно в тег href. Когда этот компонент загружается, и я проверяю тег, он говорит, что значением hrefs является «www.example.com», но когда я нажимаю на ссылку, он переходит на «currentURL / www.example.com». Ниже я включил данный тег. Это часть тега, где для каждого поля в этом конкретном типе контента существует логика, которая решает, к какому типу относится это поле
<a v-else-if="findFieldType(field.name) === 'url'" :href="filteredContent[index][field.name].link">{{ filteredContent[index][field.name].name }}</a>
Тег должен ссылаться на то, что находится в его атрибуте href ("www.example.com"), а не добавлять значение из href к текущему URL и ссылаться на него ("myCurrentUrl / www.example.com"). «).
Такое поведение ожидается при использовании vue-router, поскольку он выполняет эту роль, чтобы добавить предоставленное значение к текущему URL, поэтому я попытался найти там исправление, но безрезультатно. Вот почему я использовал тег, чтобы убедиться, что vue-router не будет связываться с моими ссылками, и нажатие на эту ссылку приведет непосредственно к тому, что находится в href.