Чтобы поставить ссылку на другой ресурс в Vue.js версии 2, вы можете использовать элемент a с использованием директивы v-bind или сокращенной формой :, чтобы связать значение атрибута href с ссылкой.
Ниже приведен пример кода, показывающий, как поставить ссылку на другой ресурс в шаблоне Vue.js:
<template>
<div>
<a v-bind:href="link">Перейти на другой ресурс</a>
</div>
</template>
<script>
export default {
data() {
return {
link: "https://example.com" // Здесь указывается ссылка на другой ресурс
};
}
};
</script>
Этот пример привязывает значение link к атрибуту href элемента a. Если вы хотите, чтобы ссылка открывалась в новом окне или в новой вкладке, вы можете добавить атрибут target="_blank" к элементу a:
<template>
<div>
<a v-bind:href="link" target="_blank" rel="noopener">Перейти на другой ресурс</a>
</div>
</template>
<script>
export default {
data() {
return {
link: "https://example.com" // Здесь указывается ссылка на другой ресурс
};
}
};
</script>
Теперь, когда пользователь нажимает на эту ссылку, он будет перенаправлен на указанный ресурс. При необходимости вы можете использовать выражения Vue.js в значении link, чтобы динамически изменять ссылку в зависимости от данных или состояния вашего приложения. Например, вы можете привязать ссылку к свойству данных в вашем компоненте Vue или использовать методы и вычисляемые свойства для определения значения ссылки.
Инструкция v-bind или : используется для привязки значения к атрибуту href.