Блог

Главная - Вопросы по программированию - Vuetify: создать изображение, которое ссылается на другую страницу

Vuetify: создать изображение, которое ссылается на другую страницу

#vue.js #vuetify.js

#vue.js #vuetify.js

Вопрос:

Я пытаюсь создать ссылку на изображение в своем приложении vue. Я пробовал следующее, но это не работает:

 <v-img :src="require('@/assets/my-image.png')" to="/"></v-img>

Я также пытался обернуть изображение в router-link элемент, но безуспешно:

 <router-link to="/">
    <v-img :src="require('@/assets/my-image.png')"></v-img>
</router-link>

Любая идея, что я делаю не так. Это не должно быть так сложно.

Комментарии:

1. Как говорит @Ruslan Isay, в вашем случае вам не нужно «:» перед src, поскольку кажется, что имя изображения не является динамическим. : является сокращением для v-bind:src, привязывая его к динамическому значению. Как говорит Джон М., попробуйте обычный тег «img». В vuetify v-img фактически устанавливается в качестве фонового изображения div или чего-то подобного и, следовательно, не может быть привязан к цели, как это может сделать реальное изображение.

2. Проверьте, присутствует ли этот компонент v-img уже на маршруте ‘/’. Попробуйте изменить его на какой-либо другой маршрут.

Ответ №1:

Попробуйте это ( src vs :src ):

 <router-link to="/">
    <v-img src="require('@/assets/my-image.png')"></v-img>
</router-link>

Ответ №2:

я использую некоторые подобные этому, и это работает.

 <a href="/">
 <v-img :src="require('@/assets/logo.png')"
 max-width="60"
 to="/afiliacion"
 width="100%">  </v-img> 
</a>