我正在从 Netlify CMS 中提取图像数组并将其传递给vue-picture-swipe
组件,但是即使路径正确等,实际图像也不会呈现。
不知道我做错了什么?
模板
vue-picture-swipe(:items="items")
脚本
<script>
export default {
data: function() {
return {
items: []
};
},
created: function () {
this.imageList()
},
methods: {
imageList: function () {
const files = require.context('~/content/gallery/images/', false, /\.md$/);
let images = files.keys().map(key => ({
...files(key)
}));
let items = images.map(function(value) {
return {
'src': value.attributes.imgSrc,
'thumbnail': value.attributes.imgSrc,
'alt': value.attributes.imgDesc
}
});
return this.items = items
}
}
};
</script>
呈现的 HTML
<img src="/assets/uploads/image.jpg" alt="Test Image description" itemprop="thumbnail">