Оценить динамику c img не работает => ../assets/ - PullRequest
Новая
       32

Оценить динамику c img не работает => ../assets/

0 голосов
/ 10 апреля 2020

Я хотел бы v-for для массива, который я хочу получить изображение и текст.

Изображение внутри Data () {} Я пытался: 

@/../assets/image.jpg
../../assets/image.jpg
~/..assets/image.jpg
require('../assets/image.jpg')"

Не работает вообще. Если я «жестко закодировал» изображение внутри шаблона , как показано ниже, оно будет работать. 

v-img(src='../assets/image.jpg')

Когда я делю шаблон и данные, как показано ниже:

ШАБЛОН: 

<v-content>
  <v-container>
    <v-row>
      <v-col v-for="benefit in benefits"><img :src="benefit.icon" /></v-col>
    </v-row>
  </v-container>
</v-content>

СЦЕНАРИЙ: 

export default {
  data() {
  return {
    benefits: [
      {
        icon: '../assets/image.jpg',
      },

Никогда не работает: (

Есть идеи, что я делаю не так?

1 Ответ

0 голосов
/ 10 апреля 2020

Часть шаблона вашего кода не ясна, однако, из моего понимания того, чего вы пытаетесь достичь, это должно сработать: 

<template>
  <v-container>
    <v-row v-for="(benefit, index) in benefits" :key="index">
      <v-col>
        <v-img :src="benefit.icon" />
      </v-col>
    </v-row>
  </v-container>
</template>

<script>
export default {
  data () {
    return {
      benefits: [
        { 
          icon: require('@/assets/image.jpg')
        }
      ]
    }
  }
}
</script>
...