nuxt-ссылка как изображение - PullRequest
Новая
       7

nuxt-ссылка как изображение

0 голосов
/ 26 марта 2019

Что мне нужно сделать, чтобы использовать nuxt-link в качестве изображения?

Когда я отображаю изображение в Vue, я обычно делаю: 

<img src="~assets/icons/filterLinkButton.svg">

, но когда я это делаюто же самое с nuxt-link, путь к файлу не оценивается. 

# this is not working

<nuxt-link 
  tag="img" 
  src="~assets/icons/filterLinkButton.svg" 
  to="/locations">
</nuxt-link>

Что я могу сделать, чтобы решить эту проблему?

РЕДАКТИРОВАТЬ:

Это работает, хотя, если я делаю: 

<template>
    <nuxt-link 
      :src="image" 
      tag="img" 
      to="/locations">
    </nuxt-link>
</template>

<script>
import image from '~/assets/icons/filterLinkButton.svg'

export default {
  data() {
    return {
      image: image
    }
  }
}
</script>

1 Ответ

0 голосов
/ 27 марта 2019

В соответствии с документацией, если вы используете webpack , вы можете использовать этот псевдоним (~ assets) внутри ваших CSS-файлов, но, очевидно, вам нужно использовать ~ / версию в вашем шаблоне, также Посмотрите на подход ниже с использованием статической папки. Я думаю, что она вам больше подходит, поскольку ресурс, который вы использовали в своем вопросе, можно поместить в статическую папку и избавиться от псевдонима

...