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