当我们跑起来的时候，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. maya2014卸载/安装失败/如何彻底卸载清除干净maya2014注册表和文件的方法
			
    maya2014提示安装未完成,某些产品无法安装该怎样解决呢?一些朋友在win7或者win10系统下安装maya2014失败提示maya2014安装未完成,某些产品无法安装,也有时候想重新安装maya ...
    
			
    2. 
						
  2. Android NDK学习（四）：C/C++层调用JAVA
			
    一.从C/C++层调用JAVA层代码(无参数调用) //在c代码里面调用java代码里面的方法 // java 反射 // 1 . 找到java代码的 class文件 // jclass (*Find ...
    
			
    3. 
						
  3. Swift5 语言指南(十六) 初始化
			
    初始化是准备要使用的类,结构或枚举的实例的过程.此过程涉及为该实例上的每个存储属性设置初始值,并执行在新实例准备好使用之前所需的任何其他设置或初始化. 您可以通过定义实现这个初始化过程初始化,这就像特 ...
    
			
    4. 
						
  4. ElasticSearch核心知识总结（二）
			
    如何超出扩容极限,以及如何提升容错性 primary&replica自动负载均衡,6个shared,3个primary,3个replica,随着机器扩容,会被均衡分配到多台机器上 6个shar ...
    
			
    5. 
						
  5. 10-部署配置dashboard插件
			
    配置和安装 dashboard 官方文件目录:kubernetes/cluster/addons/dashboard 我们需要使用的yaml文件 $ ls *.yaml dashboard-contr ...
    
			
    6. 
						
  6. 把本地项目放进新建的仓库（idea）
			
    1,获取仓库地址 比如: git@bitbucket.org:360717118/springboot_servlet-filter-listener-file.git,   2,idea 设置:
    
			
    7. 
						
  7. idea中切换svn地址不起作用
			
    由于公司换地儿,svn地址也跟着变化. 期望用idea能修改svn的地址,不至于重新checkout.网上很多说修改 vcs -> Subversion -> Relocate .把原来的 ...
    
			
    8. 
						
  8. JVM笔记10-性能优化之高级特性
			
    一.垃圾回收器配置和 GC 日志分析 1.堆典型配置: 32位的操作系统限制堆大小介于1.5G到2G,64位操作系统无限制,同时系统可用虚拟内存和可用物理内存都会限制最大堆的配置. 堆空间分配典型配置 ...
    
			
    9. 
						
  9. 面试：C++实现访问者模式
			
    参考:深入应用C++11,访问者模式 #include <iostream> class ConcreteElement1; class ConcreteElement2; class V ...
    
			
    10. 
						
  10. maven package,clean,install,compile命令
			
    1.Ideal中显示 2.各个阶段干嘛的? compile,编译命令,会在项目路径下生成一个target目录,在该目录中包含一个classes文件夹,里面全是生成的class文件及字节码文件 pack ...
    
			
    11.