欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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>
相关标签: 动态绑定图