AI 助理
备案控制台
开发者社区 云计算 文章 正文

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

2023-04-21 315
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 父组件接收子组件的图片路径写法

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

<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",
    }
  },

 


SouthernWind
目录
相关文章
以山向海
|
Prometheus 监控 Cloud Native
搭建部署Grafana
搭建部署grafana
以山向海
658 1
1431649393130558
|
API
一个免费功能强大的谷歌翻译api
分享一个免费且功能强大谷歌翻译api
1431649393130558
10918 2
一个免费功能强大的谷歌翻译api
_揽
|
小程序
【小程序】报错：no such file or directory, access ‘wxfile://usr/miniprogramLog/log2‘
【小程序】报错：no such file or directory, access ‘wxfile://usr/miniprogramLog/log2‘
_揽
2243 0
1326286648473291
|
11月前
|
前端开发 JavaScript 测试技术
如何制作网页
创建自己的网站涉及多个步骤，从确定主题到最终测试和发布。本文详细介绍了每个步骤：首先明确网站目的和受众；其次设计直观易用的布局；选择符合主题的颜色和字体；撰写清晰简洁的内容；优化加载速度；全面测试功能和兼容性；选择托管服务并注册域名；最后通过SEO、社交媒体和广告进行推广。注意事项包括关注用户体验、学习基本编码知识，并考虑网站的扩展性和可维护性。遵循这些步骤，你将能创建一个美观且实用的网站。
1326286648473291
713 0
朝阳39
electron-vue 窗体禁止拖拽
electron-vue 窗体禁止拖拽
朝阳39
232 0
风吹落叶花飘荡
|
JavaScript 前端开发 编译器
TypeScript教程（一）在vscode中的配置TypeScript环境
本文是一篇TypeScript入门教程，介绍了在VS Code中配置TypeScript环境的步骤，包括安装Node.js、使用npm安装TypeScript、配置npm镜像源、安装VS Code的TypeScript扩展，以及创建和运行一个简单的TypeScript "Hello World"程序。
风吹落叶花飘荡
901 2
TypeScript教程（一）在vscode中的配置TypeScript环境
龙腾九州
box-shadow属性
box-shadow属性。
龙腾九州
430 8
hhzz
|
NoSQL Java Redis
利用Docker部署一个简单的springboot项目
利用Docker部署一个简单的springboot项目
hhzz
349 2
theMuseCatcher
|
JavaScript
Vue3列表（List）
这段代码介绍了一个基于 Vue3 的列表组件库 `Vue Amazing UI`。该库提供了丰富的自定义选项，如边框、垂直布局、分割线、尺寸、加载状态等，并支持分页、自定义样式及操作项。组件通过插槽和属性实现高度灵活的内容展示与交互。
theMuseCatcher
284 1
Vue3列表（List）
空白诗
|
资源调度 JavaScript iOS开发
yarn的安装与配置（Windows/macOS）
yarn的安装与配置（Windows/macOS）
空白诗
2294 0