当我们跑起来的时候，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. maya2019卸载/安装失败/如何彻底卸载清除干净maya2019注册表和文件的方法
			
    maya2019提示安装未完成,某些产品无法安装该怎样解决呢?一些朋友在win7或者win10系统下安装maya2019失败提示maya2019安装未完成,某些产品无法安装,也有时候想重新安装maya ...
    
			
    2. 
						
  2. Android 上传文件到 FTP 服务器
			
    实现背景 近期接触到一个需求,就是将文件从Android系统上传到FTP服务器,虽然之前接触过FTP服务器,了解基本的使用流程,但是将此流程从使用习惯转化为代码实现还是有一定难度的.但是基本的流程还是 ...
    
			
    3. 
						
  3. 用redux-thunk异步获取数据
			
    概述 最近学习redux,打算用redux-thunk给todo添加异步获取数据组件.记录下来,供以后开发时参考,相信对其他人也有用. 注意: 在todo下方,我异步获取我的react博客的标题,点击 ...
    
			
    4. 
						
  4. Python - 使用Pyinstaller将Python代码生成可执行文件
			
    1 - Pyinstaller简介 Home-page: http://www.pyinstaller.org PyInstaller是一个能够在多系统平台(Windows.*NIX.Mac OS)上 ...
    
			
    5. 
						
  5. js 学习记录(一)
			
    前情提要: 本记录参照  <<javascript 入门导论>>  这本书学习 
    
			
    6. 
						
  6. .NET手记－Autofac进阶（注册的概念 Registering Concepts）
			
    通过创建ContainerBuilder并配置暴露的service(接口或者类型)来使用Autofac注册我们的组件. 组件(Components) 可以通过反射, 对象实例,或者lambda表达式来 ...
    
			
    7. 
						
  7. String-intern方法举例分析其含义
			
    之后重新理解这个知识点时,又写了一些小例子 String a1 = new String("str01") ; String a2 = "str01" ; Sy ...
    
			
    8. 
						
  8. 使用pipenv隔离不同项目的依赖包
			
    pipenv可以为不同的路径创建python环境和依赖包,结合pyenv可以达到为不同项目使用不同python版本,不同依赖包的目的. pip install pipenv #安装pipenv 使用p ...
    
			
    9. 
						
  9. Android快速实现二维码扫描--Zbar
			
    Android中二维码扫描的最常用库是zxing和zbar,上一篇<Android快速实现二维码扫描–Zxing>介绍了Zxing.这次说Zbar,Zbar速度极快,我就比较常用,项目地址 ...
    
			
    10. 
						
  10. ASP.NET Core 中的 ORM 之 Dapper
			
    目录 Dapper 简介 使用 Dapper 使用 Dapper Contrib 或其他扩展 引入工作单元 Unit of Work 源代码 参考 Dapper 简介 Dapper是.NET的一款轻量 ...
    
			
    11.