Vue nuxt 需要对象中的每个 url

Question

我想通过 webpack 要求我的滑块中的每个图像路径。目前我有这样的对象：

 data() {
         return {
            slides: [
                {
                    title: 'The Ultimate Shopping Experinece',
                    description: 'Szczęście piąte ipsum dolor sit amet, consectetur adipisicing elit. Atque, tempore.',
                    image:  require('~/assets/img/slides/slide1.png'),
                    button: 'Purchase Now'
                },
                {
                    title: 'The Ultimate ',
                    description: 'Szczęście piąte ipsum dolor sit amet',
                    image: require('~/assets/img/slides/slide2.png'),
                }
            ]
        }
    }

我通过 v-for 在 vue 模板中循环的那个对象。我的问题是如何在每个幻灯片图像中映射这个对象而不需要？我想要一个明确的对象，像这样：

 data() {
     return {
        slides: [
            {
                title: 'The Ultimate Shopping Experinece',
                description: 'Szczęście piąte ipsum dolor sit amet, consectetur adipisicing elit. Atque, tempore.',
                image:  '~/assets/img/slides/slide1.png',
                button: 'Purchase Now'
            },
            {
                title: 'The Ultimate ',
                description: 'Szczęście piąte ipsum dolor sit amet',
                image: '~/assets/img/slides/slide2.png',
            }
        ]
    }
},
created() {
//here some map or other way?
}

Answer 1

UPD2：我认为这可能有帮助：

<template>
<div v-for='slide in parsedSlides'>
  <img :src='slide.image'>
</div>
</template>
<script>
export default {
  data() {
    return {
      slides: [{
          title: 'The Ultimate Shopping Experinece',
          description: 'Szczęście piąte ipsum dolor sit amet, consectetur adipisicing elit. Atque, tempore.',
          image: 'img/slides/slide1.png',
          button: 'Purchase Now'
        },
        {
          title: 'The Ultimate ',
          description: 'Szczęście piąte ipsum dolor sit amet',
          image: 'img/slides/slide2.png',
        }
      ]
    }
  },
  coptuted: {
    parsedSlides: function() {
      return this.slides.filter(slide => slide.image = require('~/assets/'+slide.image)); 
    }
  }
}
</script>

Vue nuxt 需要对象中的每个 url

Vue nuxt require each url in object

webpack

vue.js

nuxt.js