Javascript 使用webpack和vuejs处理数据属性

Javascript 使用webpack和vuejs处理数据属性,javascript,webpack,vue.js,src,custom-data-attribute,Javascript,Webpack,Vue.js,Src,Custom Data Attribute,我在webpack中使用了vue cli,我完全可以使用它。但是现在我有一个小问题 我希望标记中数据属性中的路径也像中的src属性一样进行编译 webpack编译了到的路径 但当我这样做的时候: fallback 它不起作用:(使用require()helper 例如: <object :data="require(`../path/to/file-${if-you-need-to-pass-a-variable-here}.svg`)" type="image/svg+xml" >

我在webpack中使用了vue cli,我完全可以使用它。但是现在我有一个小问题

我希望
标记中
数据
属性中的路径也像
中的
src
属性一样进行编译

webpack编译了到的路径

但当我这样做的时候:

fallback

它不起作用:(

使用
require()
helper

例如:

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



你需要在你的网页配置中添加一个新的加载程序规则,比如html加载程序,并配置为刮取该属性。不在计算机后面,所以无法提供语法。我尝试使用html加载程序。也许我的配置有误,但我从babel加载程序得到一个错误。我认为babel加载程序对
dat做了一些事情还有一个
属性。如果我从中尝试该示例,只会得到一个空白页
<img :src="require(`../path/to/file-${if-you-need-to-pass-a-variable-here}.svg`)" alt="">