使用webpack和vuejs处理数据属性

时间:2018-03-27 23:44:47

标签: javascript webpack vue.js src custom-data-attribute

我将 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>

它不起作用:(

1 个答案:

答案 0 :(得分: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="">