当我们跑起来的时候，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. jQuery应用实例5：表单验证
			
    1.validation插件的使用: 入门案例: <html> <head> <meta charset="UTF-8"> <title& ...
    
			
    2. 
						
  2. mysql常用function
			
    前言: 本文主要是参考mysql官方文档,并加上自己的测试用例,来加深自己对mysql函数的理解,也借此平台与大家分享,如有不妥和错误之处欢迎读者评论,我会及时改正,愿与大家一起学习进步. 概述: 所 ...
    
			
    3. 
						
  3. setting-mirrorO以及下载jar包流程简介
			
    mirrorOf常见的几种配置如下 1.* 2.repo3 3.repo1,repo2,*,!repo3 4.external:* 第二个例子只配置了一个repo3,这个镜像只能匹配id是repo3的 ...
    
			
    4. 
						
  4. 测试工具之Jmeter（各部件简单介绍）
			
    jmeter可以到官网下载: http://jakarta.apache.org/ 下载后解压即可使用,双击如下文件打开Jmeter界面: $JMETER_HOME\apache-jmeter-3.1 ...
    
			
    5. 
						
  5. library Makefiles
			
    libpng library Makefile LOCAL_PATH:= $(call my-dir) include $(CLEAR_VARS) LS_C=$(subst $(1)/,,$(wild ...
    
			
    6. 
						
  6. Java NIO中的缓冲区Buffer（一）缓冲区基础
			
    什么是缓冲区(Buffer) 定义 简单地说就是一块存储区域,哈哈哈,可能太简单了,或者可以换种说法,从代码的角度来讲(可以查看JDK中Buffer.ByteBuffer.DoubleBuffer等的 ...
    
			
    7. 
						
  7. 《Kubernetes权威指南》——网络原理
			
    1 Kubernetes网络模型 基本原则:每个Pod都拥有一个独立IP,而且假定所有Pod都在一个可以直接连通的.扁平的网络空间中. 基于基本原则,用户不需要额外考虑如何建立Pod之间的连接,也不需 ...
    
			
    8. 
						
  8. php中 ord() 和 chr() 处理 utf8 字符串
			
    ord()  : 将字符转为 ascii 码 (0-256),准确定义官方文档:http://php.net/manual/en/function.ord.php chr() : 将 ascii 码转 ...
    
			
    9. 
						
  9. 【API知识】MongoTemplate非映射方式操作Document
			
    前言 我是MongoDB小白,刚开始学.不过,我猜大多数使用MongoDB的,都是采用映射方式处理的,即需要有定义好的用于映射的实体类.但是这样的话,如果表的结构在未来可能频繁变动,增删字段,甚至添加 ...
    
			
    10. 
						
  10. phpstorm配置Xdebug进行调试
			
    运行环境: PHPSTORM版本 : 8.0.1 PHP版本 : 5.6.2 xdebug版本:php_xdebug-2.2.5-5.6-vc11-x86_64.dll ps : php版本和xdeb ...
    
			
    11.