广府网站建设,中山网站建设文化流程,推广app赚佣金平台,广平专业做网站uni-app 之 uni.request 网络请求API接口 image.png template!-- vue2的template里必须要有一个盒子#xff0c;不能有两个#xff0c;这里的盒子就是 view--view--- uni.request 网络请求API接口 ---view!-- 免费的测试接口 --…uni-app 之 uni.request 网络请求API接口 image.png template!-- vue2的template里必须要有一个盒子不能有两个这里的盒子就是 view--view--- uni.request 网络请求API接口 ---view!-- 免费的测试接口 --!-- https://dog.ceo/api/breeds/image/random --image :srcpicurl modeaspectFill clickgetpicurl/image/view--- click加个点击事件因为接口是随机获取图片所以每点一下就随机刷新个图片 ---/view
/templatescriptexport default {data() {return {picurl: }},methods: {getpicurl() {uni.showLoading({title: 加载中 // 加个进度条})uni.request({url: https://dog.ceo/api/breeds/image/random,success: res {console.log(res) // log打印获取的数据this.picurl res.data.messageuni.hideLoading() // 图片加载出来后关闭进度条}})}},onLoad() {// uni.request({// url: https://dog.ceo/api/breeds/image/random,// success: res {// console.log(res) // log打印获取的数据// this.picurl res.data.message// }// })this.getpicurl()}}
/scriptstyle langscss
/style
