props向子组件传img图片显示问题

作者: 梧桐芊雨 | 来源:发表于2020-06-12 22:36 被阅读0次

props向子组件传img图片显示问题
Vue组件传值
复习Vue 组件间通信.md
vue 组件传参
Vue组件间通信
vue数据通信
vue 中传值（父传子、子传父（传递多个事件）、eventBus
Vue组件（二）组件传值
Vue CLI——组件间传值
Vue父子组件传值的方法

子组件的背景图片图片根据父组件动态传来显示的。但貌似显示不出来

props:{
bg: {
      type: String,
      default: "url(src/assets/image/history.png)"
    }
}

解决办法：

/**
webpack打包
**/
 bg: {
      type: String,
      default: "url(static/img/history1.png)"
    }

 bg: {
      type: String,
      default: require('./assets/image/xxx.png') 
    }

如果图片时在static文件夹下，可以直接传值，如果在assets文件夹下，要require传入。

props向子组件传img图片显示问题
子组件的背景图片图片根据父组件动态传来显示的。但貌似显示不出来解决办法：如果图片时在static文件夹下，可以...
Vue组件传值
vue组件传值一、父组件向子组件传值方式： 1. 子组件中定义props，父组件向子组件props进行传值。 2...
复习Vue 组件间通信.md
1. props/$emit 父组件向子组件传值:父组件通过props向下传递数据给子组件子组件向父组件传值（通...
vue 组件传参
父组件向子组件传参父组件可以使用props向子组件传递数据 logoMsg:"logoMsg" props: [...
Vue组件间通信
Vue组件间通信父子组间通信通过props向子组件传值，通过事件向父级组件发送消息通过props向子组件传值...
vue数据通信
[图片上传中。。。（1）]##### 1.父组件向子组件传值父组件 :变量名="值" 子组件 props方法接收...
vue 中传值（父传子、子传父（传递多个事件）、eventBus
1.0 父传子父组件向子组件传值:子组件用props:['值'] 接收 ; 2.0 子传父子组件向父组件传值 ...
Vue组件（二）组件传值
一、父组件向子组件传值我们可以用props向子组件传值； 1. 基础用法组件代码父组件使用 2.props验...
Vue CLI——组件间传值
一、父子组件传值 1、父传子（1）props 父组件向子组件传值，可以通过绑定属性传值；子组件通过props接收...
Vue父子组件传值的方法
1.父向子传值props 父组件：子组件：（1）props:...