我尝试使用Webpack别名从Vue数据中获取动态图像源。
为了在html或css中使用~assets/
来访问正确的文件夹,我在我的Webpack配置中添加了一个assets别名。
Webpack配置
resolve: {
alias: {
...
'assets': resolve('src/assets')
...
},
Vue数据
data: {
...
img: 'name-of-my-image.jpg',
...
}
Html
<img :src="'~assets/' + img"> // Does not work
~assets/
可以与常规的src图片 <img src="~assets/...">
或者CSS图片 url('~assets/...')
完美配合使用。我该如何在Vue中使用
~assets/
并搭配:src
和data
呢?