首页 > 编程语言 >直播带货源码,vue项目添加背景图报路径不存在

直播带货源码,vue项目添加背景图报路径不存在

时间:2022-09-09 14:22:07浏览次数:93  
标签:vue 100% 路径 直播 background 图报

直播带货源码,vue项目添加背景图报路径不存在

这是由于图片路径引入方式不对,原代码如下:

 


<style>
#header-background{
  background:url("../assets/image/beijing.png"); # 错误的路径引入
  width:100%;
  height:100%;
  position:fixed;
  background-size:100% 100%;
}
</style>

解决办法应改为如下代码:

 


<style>
#header-background{
  background:url("~@/assets/image/beijing.png"); # 正确文件路径的引入
  width:100%;
  height:100%;
  position:fixed;
  background-size:100% 100%;
}
</style>

 

以上就是 直播带货源码,vue项目添加背景图报路径不存在,更多内容欢迎关注之后的文章

 

标签:vue,100%,路径,直播,background,图报
From: https://www.cnblogs.com/yunbaomengnan/p/16672699.html

相关文章

  • Vue2:Vue的加载流程和IDFF
    vue加载流程1.每一个组件在加载时都会调用vue内部的render函数来把这个组件的tamplate选项的模板解析为一个JS对象这个对象跟DOM节点对象"长得一模一样",就是为了后来的......
  • VUE 如何格式化数字
    在一个VUE的项目中,前端数字被显示为下面的长格式。  这个格式显然不是我们想要的。我们需要将这一串数组进行格式化。问题和解决我们可以使用函数来进行解决。......
  • Vue-多层组件传值
    在不用状态管理vuex的时候,如何让GrandFather与Son通信,我们可以用可以emit一层一层的传递:会显得冗余。vue2.4之后,提出$attrs、$listeners,可以实现跨级组件通信。$liste......
  • Vue-用$emit实现子组件向父组件传值
    上一个随笔提到属性传值是单向的,意思就是只能父组件向子组件传值,那么想要子组件向父组件传值的话就要用到$emit来触发事件   ......
  • VUE
    Vue基本简介Vue概念Vue:JavaScript框架,可以简化Dom操作,提供响应式数据驱动Vue引入开发环境版本: <scriptsrc="https://cdn.jsdelivr.net/npm/vue@2/dist/v......
  • 计算机毕业设计 大学生心理咨询预约系统 SpringBoot+Vue心理健康管理系统 大学生心理
    ......
  • Vue-属性传值
    属性传值所谓的属性传值,就是父组件通过绑定属性的方法,然后子组件通过props来获取父组件的值,而属性传值的方法有两种形式:第一种:具体的一个值(字符串,数值,布尔型)传......
  • Vue-DIFF算法
    DIFF算法用JavaScript对象结构表示DOM树的结构;然后用这个树构建一个真正的DOM树,插到文档当中当状态变更的时候,重新构造一棵新的对象树。然后用新的树和......
  • uniappuviewvue3开发微信小程序(二)
    我们使用HBuilderX编辑器创建完成项目后,然后登陆https://mp.weixin.qq.com/用自己的微信号码扫码登录小程序,找到开发者id,然后黏贴到我们项目manifest.json-微信小程序设置......
  • vue3项目-小兔鲜儿笔记-登录页02和购物车01
    1.登录-消息提示组件封装组件功能分析:固定顶部显示,有三种类型:成功、错误、警告显示消息提示时需要动画从上滑入组件使用的方式不够便利,封装成工具函数的方式......