动态图像结合VUE(Dynamically image binding vue)

我想要做的一样在这里，而是我想用images.sample作为参数，如props ： ['images.sample']

<template>
<img :src="images.sample">
</template>

<script>
export default {
    data() {
        return {
            images: {
                sample: require('./assets/static/images/sample.jpg')
            }
        }
    }
}
</script>

Answer 1:

你的孩子组成部分应该是这样：

<template>
<img :src="url">
</template>

<script>
export default {
  name:'child-img',
   props:['url'],
    data() {
        return {

        }
    }
}
</script>

父组件应该有这样的内容：

<template>
<child-img :url="images.sample"/>
</template>

<script>
export default {
    data() {
        return {
            images: {
                sample: require('./assets/static/images/sample.jpg')
            }
        }
    }
}
</script>

文章来源: Dynamically image binding vue