我是 Vue 技术的新手。我制作了一个渲染图像的组件。
<template>
<div>
<div>
<img src="@/assets/images/sample.png">
</div>
</div>
</template>
<script>
export default {
name: 'ListItem',
}
</script>
现在我希望这个组件使用从其父级传递的 URL 来呈现图像。提前致谢。
我明白你的意思,请试试这个。
<template>
<div>
<div>
<img :src="data.image">
</div>
</div>
</template>
<script>
export default {
name: 'ListItem',
props: ['data']
}
</script>
然后在父代码中...
<div>
<ListItem :data= "item"/>
</div>
...
data(){
return{
item: {
image: require("@/assets/images/sample.png"),
}
}
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句