这篇“vue怎么在data中引入图片的正确路径”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“vue怎么在data中引入图片的正确路径”文章吧。今天踩的坑给分享出来。本来想要在横版遍历图片出来在vue中自己做轮播，结果发现在data中直接引入路径是渲染不出来的。原因是webpack打包无法解析如果直接在模板上通过src=”../../assets/images/top5.png”是没有问题的想通过data里的引入路径 ，再：src绑定就不能直接把”../../assets/images/top5.png”放到data中，否则webpack打包无法解析需要通过import引入再放到data中如下才能渲染出来在data中定义a的值为1就可以动态改变要切换的图片直接将你的图片源文件放在项目目录的static或public文件夹里，然后和正常写图片路径那样写就可以了文件放在asset中，需要将路径转换为编译打包后的路径。如果是直接在img标签或者css中使用，可以直接引入路径，打包免费云主机域名会处理但是如果是作为字符串的形式使用，需要使用request 或import的方式来引入，加入打包行列以上就是关于“vue怎么在data中引入图片的正确路径”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注百云主机行业资讯频道。
这篇文章主要介绍了ubuntu没有php-fpm如何解决的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇ubuntu没有php-fpm如何解决文章都会有所收获，下面我们一起来看看吧。 ubuntu没有php-fpm的解决办法：1、通…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
