vue 父组件往子组件传图
程序员文章站
2024-03-21 12:05:58
...
子组件
<template>
<div class="default_null_good pr" v-show="isShowTip" v-bind:style="{background:'url('+ bg+') no-repeat center 4rem'}">
</div>
</template>
<script>
export default {
props:{
bg:String
},
data(){
return{
}
}
}
</script>
父组件
<!--无数据 缺省提示 -->
<template>
<div>
<qdd-defaultTip :bg="background"> </qdd-defaultTip>
</div>
</template>
<script>
import defaultTip from '../../components/defaultTips'
export default {
data(){
return{
background:'../../static/img/image-icon.png',
}
}
}
</script>
下一篇: vue 动态绑定 id