当我们跑起来的时候，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. 二进制加法Java实现
			
    二进制整数的Java实现 任意两个二进制数(不论在什么位置)相加,只可能出现4种情况.它们是: 0+0=0 1+0=0+1=1 1+1=10=0+向高一位的进位1 1+1+1=11=1+向高一位的进位 ...
    
			
    2. 
						
  2. 我自己的sublime3环境
			
    概述 我本来一直用的别人自带的破解版sublime3,自带插件. 前几天看<程序员修炼之道>,其中谈到了最好精通一种编辑器,我觉得说的很有道理,于是重新下了最新版的sublime3,一步步 ...
    
			
    3. 
						
  3. cookie&session的Q&A故事[原理篇]
			
    引语:cookie和session在网站开发中,起着无可厚非的重要作用,但是我们平时往往都只是通过某种语言作为介质,通过某些接口函数进行cookie和session的操作,而对其原理可能不了解或一知半 ...
    
			
    4. 
						
  4. Java高级开发必会的50个性能优化细节
			
    在JAVA程序中,性能问题的大部分原因并不在于JAVA语言,而是程序本身.养成良好的编码习惯非常重要,能够显著地提升程序性能. 1. 尽量在合适的场合使用单例 使用单例可以减轻加载的负担,缩短加载的时 ...
    
			
    5. 
						
  5. Introduction to CELP Coding
			
    Speex is based on CELP, which stands for Code Excited Linear Prediction. This section attempts to in ...
    
			
    6. 
						
  6. LeetCode--No.009 Palindrome Number
			
    9. Palindrome Number Total Accepted: 136330 Total Submissions: 418995 Difficulty: Easy Determine whe ...
    
			
    7. 
						
  7. Jenkins系列之二——centos 6.9 + JenKins 安装
			
    centos 6.9 + JenKins 安装记录环境: [root@localhost ~]# cat /etc/issue CentOS release 6.9 (Final) Kernel \r ...
    
			
    8. 
						
  8. k8s总结(脑图图片)
			
    
			
    9. 
						
  9. kafka+elk
			
    安装elasticsearch 下载:http://www.elastic.co/downloads/elasticsearch 下载后解压 修改配置文件,xxx是自定义目录 vi elasticse ...
    
			
    10. 
						
  10. netty源码解解析(4.0)-15 Channel NIO实现:写数据
			
    写数据是NIO Channel实现的另一个比较复杂的功能.每一个channel都有一个outboundBuffer,这是一个输出缓冲区.当调用channel的write方法写数据时,这个数据被一系列C ...
    
			
    11.