如何在vuejs中放置指向资产/pdf的链接
如何在vuejs中放置指向资产/pdf的链接
提问于 2019-03-22 07:20:51
您好，我只是想把一个链接到PDF文件，但这是不可能的。在npm中有一个库，或者通过另一种方式在VUEJS中这样做。
我检查了这个链接，但它不起作用
//模板
<img src="~assets/images/wtd.jpg">// image文件夹
//错误
解决方案
对于图像，只需使用
<img src="@/assets/images/image.jpg">对于pdf，只需将您的文件放在静态文件夹中，并使用此链接。在我的例子中，我使用
<a href="../../static/mypdf.pdf">回答 3
Stack Overflow用户
回答已采纳
发布于 2019-03-22 13:01:54
如果你使用的是由vue-cli创建的项目，那么下面的语法将起作用。
<img src="@/assets/images/{{imageName}}.png"/>希望这能有所帮助
Stack Overflow用户
发布于 2019-03-22 07:30:14
有了webpack，您就可以将资产与CopyWebpackPlugin捆绑在一起。看看这个webpack.config.js，它使用了资源。https://github.com/BlueForestTrees/web/blob/master/webpack.config.js
Inside plugins部分：
new CopyWebpackPlugin([{from: './img', to: 'img'}]),Stack Overflow用户
发布于 2019-03-22 18:49:43
如果您使用vue-cli创建项目。默认图像类型'png|jpe?g|gif|webp‘是您可以使用的模板中默认支持的类型
<img src="~assets/images/demo.png"/>在脚本中，您可以使用
const demo = require("@/assets/images/demo.png") // @ is a alias in webpack config或者：
import demo from "@/assets/images/demo.png") 对于.pdf文件，此类型文件没有默认加载器。你需要配置一个像url-loader这样的加载器：https://cli.vuejs.org/config/#configurewebpack
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55290663
复制相关文章
相似问题