当我们跑起来的时候，f12会看到相对路径，但是此时会报错，说找不到图片，这时候有其中一个办法，直接

require进去。



这时候就可以成功显示图片，但是路径会不一样，因为编译出来。




至于如何props进去呢，待定
												


											
在vue中赋值的路径没有被编译的更多相关文章
	

    
								
  1. vue中background-image图片路径问题
		
    按照以往在css文件中写background:url('图片路径'),完成后加载竟然显示出错,起初以为路径不对,检查了几遍,仍然没有问题.最后百度找答案,发现不少同行都遇到过这种问题,遂记录下自己所采 ...
    
		
    2. 
						
  2. Vue中ajax返回的结果赋值
		
    这是第二次在项目中遇到此问题,ajax请求成功后在success函数中为Vue实例data里的变量赋值,却失败了 new Vue({ el:'#app', data:{ msg:'' }, creat ...
    
		
    3. 
						
  3. 周记4——vue中动态添加图片无效、build上线后background-image路径问题
		
    又是一个周五,又一周要过去了...很开心,这周遇到了vue中的一个比较常见的坑,网上随便一搜就有了很多解决方案...“幸运”的是,我选了一个带坑的方案...所以我觉得有必要记录一下这个“坑中坑”... ...
    
		
    4. 
						
  4. vue中的input使用e.target.value赋值的问题
		
    很久不写博客了... vue中对表单的处理,相对原生js,增加了一个双向绑定的语法糖:v-model.官方文档里有一段: v-model 会忽略所有表单元素的 value.checked.select ...
    
		
    5. 
						
  5. vue中把props中的值赋值给data
		
    vue中把props中的值赋值给data 2018年12月26日 14:37:11 木豆mudou 阅读数 3497   版权声明:本文为博主原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上 ...
    
		
    6. 
						
  6. Vue之vue中的data为什么是一个函数+vue中路径别名alias设置
		
    问题描述 为什么在vue组件中,我们的data属性必须是一个函数,new Vue()中的data除外,因为new Vue中只有一个data属性. 原因 因为我们能抽离出来的组件,肯定是具有复用性的,它 ...
    
		
    7. 
						
  7. vue项目，webpack中配置src路径别名及使用
		
    1.项目结构: 2.在build文件夹下的webpack.base.conf.js文件中设置src的路径别名. 3.在js文件或者vue文件的script标签中使用: (1).js文件中导入示例: ( ...
    
		
    8. 
						
  8. 修改vue中的挂载页面（index.html）的路径
		
    修改vue中的挂载页面(index.html)的路径 2019年03月30日 12:07:12 VegasLemon 阅读数 501    版权声明:本文为博主原创文章,未经博主允许不得转载. htt ...
    
		
    9. 
						
  9. angularjs中audio/video 路径赋值问题
		
    之前解决这个问题都是通过js的attr赋值解决的,但是也一直不明白为什么audio直接在HTML中赋值报错.解决方法就是通过添加$sce过滤效果 app.filter("trustUrl&q ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 2018CCPC-女生专场
			
    (咕咕咕,咕了快一年的bu题.. A.CCPC直播 传送:http://acm.hdu.edu.cn/showproblem.php?pid=6297 题意:rt. 分析:模拟. #include&l ...
    
			
    2. 
						
  2. MongoDB 数据库
			
    数据库: 关系型数据库       mysql           收费        速度快     字段类型 非关系型数据库   MongoDB    不收费    速度慢一些 存储数据都是字符串 ...
    
			
    3. 
						
  3. 利用PHP扩展Taint找出网站的潜在安全漏洞实践
			
    一.背景 笔者从接触计算机后就对网络安全一直比较感兴趣,在做PHP开发后对web安全一直比较关注,2016时无意中发现Taint这个扩展,体验之后发现确实好用:不过当时在查询相关资料时候发现关注此扩展 ...
    
			
    4. 
						
  4. 机器学习技法笔记：02 Dual Support Vector Machine
			
    Roadmap Motivation of Dual SVM Lagrange Dual SVM Solving Dual SVM Messages behind Dual SVM Summary
    
			
    5. 
						
  5. 【sping揭秘】22、事务管理
			
    有关事务的楔子 什么是事务??? 事务就是以可控的方式对数据资源进行访问的一组操作. 事务本身持有四个限定属性 原子性,一致性,隔离性,持久性 事务家族 Resource Manager  RM,负责 ...
    
			
    6. 
						
  6. 30 个java编程技巧
			
    1.return 一个空的集合,而不是 null 如果一个程序返回一个没有任何值的集合,请确保一个空集合返回,而不是空元素.这样你就不用去写一大堆 ”if else” 判断null元素. Java 的 ...
    
			
    7. 
						
  7. Linux学习笔记之二————Linux系统的文件和目录
			
    一.Windows和Linux文件系统区别 1.在 windows 平台下,打开“计算机”,我们看到的是一个个的驱动器盘符: 每个驱动器都有自己的根目录结构,这样形成了多个树并列的情形,如图所示:   ...
    
			
    8. 
						
  8. MyBatis大杂烩
			
    1. 集成到SpringBoot项目中 核心依赖是org.mybatis.spring.boot:mybatis-spring-boot-starter,当然还需要jdbc和数据库驱动 build.g ...
    
			
    9. 
						
  9. tls1.2 rfc5246
			
    注:本文省略了部分开发协议才涉及到的内容,如字段类型的定义以及字段长度的运算,主要聚焦理解tls协议的运作方式,用于问题定位 tls协议包含2层协议:TLS Record 协议和TLS Handsha ...
    
			
    10. 
						
  10. （转）深度学习目标检测指标mAP
			
    深度学习目标检测指标mAP https://github.com/rafaelpadilla/Object-Detection-Metrics 参考上面github链接中的readme,有详细描述
    
			
    11.