javascript - 使用 webpack 和 vuejs 处理数据属性

Question

我将 vue cli 与 webpack 结合使用，我非常满意。但是现在我遇到了一个小问题!

我想要 data 中的路径来自 <object> 的属性标签也像 src 一样编译来自 <img> 的属性标签

例如:

如果我这样做

<img src="../path/to/file.svg" alt="">

webpack编译路径为

<img src="/dist/path/to/file.svg" alt="">

但是当我做这样的事情时:

<object type="image/svg+xml" data="../path/to/file.svg">fallback</object>

它不起作用:(

Answer 1

使用require() 助手

例子:

<object :data="require(`../path/to/file-${if-you-need-to-pass-a-variable-here}.svg`)" type="image/svg+xml" >fallback</object>

---

<img :src="require(`../path/to/file-${if-you-need-to-pass-a-variable-here}.svg`)" alt="">