console
let app = new Vue(
{
el: '#app',
data:
{
name:"Student",
response:[]
},
methods:{
requestData:function(){
_this = this;
app.response= [];
axios.get('https://www.apiopen.top/satinCommentApi?id=27610708&page=1')
.then(function (res) {
console.log(res.data.code+"code")
if(res.data.code != 200){
alert("数据请求异常");
}
app.response = res.data.data;
console.log(app.response.tech)
})
.catch(function (error) {
console.log(error);
alert("网络请求异常"+err);
_this.response= error;
});
}
}
})
<div id="app">
{{name}}
{{response}}
<button @click="requestData()">请求数据</button>
<div class="content-pane">
<span v-for="tech in reponse.tech" v-if="response.tech" :key="tech">
{{tech.tcount}}
<span v-if="tech.picinfo" v-for="pic in picInfo">
<img src="pic.url" alt="" v-if="pic.url"/>
</span>
</span>
</div>
</div>