父组件接收子组件的图片路径写法

简介: 父组件接收子组件的图片路径写法

第一种:在子组件中直接写静态链接

<img src:"../xxxxxx.png">

第二种 :用:img动态引入img

<hot :oneDiv="oneDiv" :img="require('../images/demo/demo4.jpg')"></hot>

cd75fdee01f84103b23941078cb3aa41.png

子组件中

<img :src="img" />
 props: {
    img:{
      template: "#hot",
    }
  },

 


相关文章
|
7月前
有关子组件修改父组件传值报错问题
有关子组件修改父组件传值报错问题
47 0
|
小程序 前端开发 JavaScript
微信小程序(二十二)子组件调用父组件方法,父组件调用子组件方法
制作了一个自定义组件,底部弹出菜单。 显示这个菜单的时候,首先,父组件需要调用子组件的方法,显示子组件。 点击子组件的菜单,需要调用父组件的方法进行逻辑处理。
303 0
|
5月前
|
前端开发
forwardRef的简单使用:用于解决父组件传递ref给子组件的问题
forwardRef的简单使用:用于解决父组件传递ref给子组件的问题
199 2
|
7月前
|
JavaScript
在父组件中使用子组件时,如何保证子组件的实例在父组件的生命周期中得到正确的更新?
在父组件中使用子组件时,如何保证子组件的实例在父组件的生命周期中得到正确的更新?
36 2
|
5月前
|
JavaScript 搜索推荐
vue【详解】props —— 子组件接收父组件传入的参数
vue【详解】props —— 子组件接收父组件传入的参数
56 0
|
7月前
|
JavaScript
Vue2中子组件调用父组件的方法,父组件调用子组件的方法,父子组件互相传值和方法调用
Vue2中子组件调用父组件的方法,父组件调用子组件的方法,父子组件互相传值和方法调用
Vue2中子组件调用父组件的方法,父组件调用子组件的方法,父子组件互相传值和方法调用
|
6月前
|
JavaScript
子组件向父组件传参的方式?
子组件向父组件传参的方式?
98 0
|
7月前
|
前端开发 JavaScript 开发者
vue3、react组件数据传值对比分析——父组件传递子组件,子组件传递父组件(二)
vue3、react组件数据传值对比分析——父组件传递子组件,子组件传递父组件
80 0
|
7月前
|
JavaScript 前端开发 算法
vue3、react组件数据传值对比分析——父组件传递子组件,子组件传递父组件(一)
vue3、react组件数据传值对比分析——父组件传递子组件,子组件传递父组件
89 0