使用webpack和vuejs处理数据属性

Question

我使用带有webpack的vue cli，我对它非常好。 但现在我有一点问题！

我希望<object>标签的data属性中的路径也像<img>标签中的src属性一样编译

例如：

如果我做这样的事情

<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="">