vuetify.js - 制作包含 json 文件的轮播
问题描述
// import Carousel from '../public/carousel.json'
export default {
created () {
// Simple GET request using fetch
fetch('../public/carousel.json')
.then(carousel => carousel.json())
.then(data => (this.images = data.total))
}
/* return {
images: Carousel
} */
}
</script>
我想制作一个轮播,其中图片放置在 carousel.json 文件中。由于我是编码新手,我不知道如何使用 v-carousel-item 标签。我从未使用过 fetch() 或 json-files,我真的很想知道它是如何工作的。
解决方案
推荐阅读
- angular - JHipster 和 Angular - 实时编辑表 - 模板驱动的表单
- php - 在 Laravel 5 中的一对多关系中将外键设置为 Null
- r - R / RStudio:文件错误(文件,“r”):无法打开连接//德语// Macbook Air
- passwords - Ansible - 包含一个双引号的密码未正确解析
- api - 谷歌地图的 HTTPS 证书
- amazon-s3 - HTTP 请求已发送,等待响应... 403 Forbidden
- javascript - 我应该如何在 axios GET 请求中发送 JWT 令牌?
- linux - Powershell POST 到 Linux curl
- html - 引导卡作为显示数据的按钮
- ansible - Ansible:在循环中合并stdout_results dict项目的元素