Vue,React,Angular三大框架

白天 夜间 首页 下载 阅读记录
  我的书签   添加书签   移除书签

2.图片不能显示

浏览 166 扫码 分享 2023-03-30 12:33:46
  • 1.直接渲染本地数据,但是图片会出不来
  • 2.解决办法
    • 在前面加上require

    1.直接渲染本地数据,但是图片会出不来

    1. <img src={'./assets/01.jpg'}></img>

    2.解决办法

    在前面加上require

    1. <img src={require('./assets/01.jpg')}></img>

    若有收获,就点个赞吧

    0 人点赞

    上一篇:
    下一篇:
    • 书签
    • 添加书签 移除书签
    • Vue
      • 报错处理
      • vant-ui实现适配,小项目步骤
      • 小技巧
        • 表单提交
        • 1.axios读取本地数据
        • 2.filter--过滤器
        • 3.视频播放
        • 4.通过router传递接收id发送请求
        • 5.播放量计算
        • 6.点击删除对于的item,偶数边框胃红色
        • 7.进入详情页tab隐藏
        • 8.如果图片403
        • 9vant-ui实现轮播
        • 10.静态模态框
        • 11.加载条
        • 12.图片滑动
        • 13.上拉刷新--vant-top250
        • 14.渐隐渐显的导航
        • 15.点击显示隐藏
        • 16.父组件传数组通过子组件遍历
        • 17.vant-ui 购物车
        • 18.多重圆圈
        • 19.调用高德地图
        • 20.主地址相同,不同的子地址发送请求
        • 21.vue后台项目侧边菜单二次点击刷新
      • 开发环境配置
        • 1.vant-cli
        • 2.element-ui
        • 3.vant-ui
        • 4.bootstrap
        • 5.vue-cli中使用vm
      • 第一章
        • 1.vue基础入门
          • 1.1class和style
        • 2.发送http请求--取数据、渲染
        • 3.自定义组件和组件传值
        • 4.vue基础知识点
          • 4.1计算属性
          • 4.2计算属性的get、set方法
          • 4.3得到checkbox状态使用change事件
          • 4.4forEach()遍历改变原结构
          • 4.5sum求和
          • 4.6every()遍历
          • 4.7filter过滤器
        • 5.vue-cli基础知识点
      • 第二章vue-cli
        • 1.rem适配及样式重置
        • 2.全局过滤器--以及vue-cli-utils
        • 3.全局组件
        • 4.插槽
        • 5.拆分配置路由
        • 6.跨域和发送请求
        • 7.异步路由
        • 8.get传值--页面跳转
        • 9.动画
          • 9.1动画原理
          • 9.2动画封装成插槽
        • 10三元表达式
        • 11.获取DOM
        • 12.音乐播放
        • 13.数据mock
        • 14.vue的生命周期函数和事件监听
        • 15.数据持久化
      • 第三章vue-router
        • 1.路由配置
        • 2.路由导航
        • 3.一级路由
          • 3.1路由重定向
        • 4.子路由,嵌套路由
        • 5.单向/双向数据流
        • 6.动态路由router-link传值
        • 7.keep-alive
        • 8.动态组件
        • 9.vant-ui的局部导入
        • 10.模块化
      • 第四章vuex
        • 1.vuex获取数据更改数据
        • 2.commit--修改状态
        • 3.mapState
        • 4.mapMutations
        • 5.getters、mapGetters
        • 6module
        • 7.vuex,axios拦截器实现Loading加载条
      • 例子
        • 1.添加,删除标签--历史记录搜索
        • 2.网易云音乐播放界面
        • 3.历史记录搜索--不重复显示搜索记录
        • 4.1表单实现购物车
        • 4.2computed-购物车
    • 1.弹窗
    • 2.模态框登录
    • React
      • 报错处理
        • 1.如果图片取到不能渲染
        • 2.图片不能显示
      • 小技巧
        • 1.点击删除
        • 2.Link跳转-get传id值
        • 3.动态路由传id
        • 5.使用本地图片
      • react基本配置
        • 1.ant组件库
        • 2.走马灯
        • 3.tabs标签页
      • 第一章 入门知识
        • 1.有无状态组件
        • 2.事件以及事件传参
        • 3.三元表达式
        • 4.if-else
        • 5.循环map
      • 第二章 基本语法
        • 1.react中的样式
        • 2.styled-components解决命名重复
        • 3.组件之间传值
        • 4.子组件向父组件传值
        • 5.父子组件
        • 6.发送请求
        • 7.input类似于vue中v-model
      • 第三章 react-router
        • 1.起步
        • 2.动态路由
        • 3.路由跳转和get传值
        • 4.二级路由和路由重定向
        • 5.获取DOM节点
      • 第四章 进阶知识点
        • 1.生命周期函数
        • 2.内联样式
        • 3.redux
        • 4.redux工作流程
    • Angular
      • Ant-Design
      • 一.Angular入门
        • 1.项目结构
        • 2.组件
        • 3.属性绑定
        • 4.事件
      • 二.进阶
        • 1.双向数据绑定
        • 2.(change)和(ngModelChange)
        • 3.导入数据到本地
        • 4.发送请求
        • 5.父子组件传参
        • 6.在父组件中使用子组件的数据
        • 7.泛型
        • 8.装饰器
        • 9.生命周期
      • 三.路由
        • 1.一级路由
        • 2.页面路由使用和默认选中的路由
        • 3.get传值
        • 4.动态路由
        • 5.事件跳转
        • 6.子路由
    暂无相关搜索结果!

      让时间为你证明

      展开/收起文章目录

      分享,让知识传承更久远

      文章二维码

      手机扫一扫,轻松掌上读

      文档下载

      请下载您需要的格式的文档,随时随地,享受汲取知识的乐趣!
      PDF文档 EPUB文档 MOBI文档

      书签列表

        阅读记录

        阅读进度: 0.00% ( 0/0 ) 重置阅读进度

          思维导图备注