使用 webpack 和 vuejs 处理数据属性

Question

我将 vue cli 与 webpack 一起使用，我非常满意。但是现在有点小问题！

我希望 <object> 标签的 data 属性中的 path 也像 src 标签中的 src 属性一样编译=13=] 标签

例如：

如果我这样做

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