猿问

vue中文件引用的问题

图片描述请教大家两个关于vue中图片的引用问题 我的图片基本都放在assets/images下面 
第一个问题就是 有时候文件层级比较多 这种情况如果在样式中引用图片的话 可能需要写好几个相对路径 比如../../../这样 能不能只写绝对路径 不管在哪里都可以写以assets/images开头 我改了配置文件的别名 但是这样只能在script里import图片的时候 才可以这样写

第二个问题就是图片上写的 为了实现一个轮播图组件 需要导入好多张图片 但是感觉这样 import a,import b......太不优雅了 有没有更好的办法 比如说可以一次性导入 以数组或者什么形式

https://img.mukewang.com/5c49790f0001b0f208000486.jpg

https://img4.mukewang.com/5c4979110001f00b02240720.jpg

https://img1.mukewang.com/5c497913000172b508000609.jpg

https://img.mukewang.com/5c497914000104d908000602.jpg

https://img2.mukewang.com/5c4979150001a7b308000613.jpg

烙印99
浏览 412回答 1
1回答

Smart猫小萌

问题一:直接 `background: url('/assets/images/xxx.png')就行了。我的工程里就是这样的,也没额外配置什么。问题二:不知道这样做的需求是什么?一般也没这么用import的。首先,如果你想做demo,直接data里开个数据,把相对路径用字符串写进去即可。而如果是接口传过来的,让后端帮忙拼成数组,拿过来直接用就好了。
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答