代码运行有问题,结果应该是这种
<template>
<view>
<u-navbar title="新闻列表页" @leftClick="leftClick":autoBack="true" ></u-navbar>
<u-list style="margin-top: 50px;">
<u-list-item v-for="(item, index) in newsList" :key="index">
<!-- 标题 -->
<u-cell :title="item.title" @click="showDetail" >
<!-- 图标 -->
<u-avatar slot="icon" shape="square" size="35" :src="item.picUrl"
customStyle="margin: -3px 5px -3px 0"></u-avatar>
</u-cell>
</u-list-item>
</u-list>
</view>
</template>
<script>
export default {
data() {
return {
newsList:[]
}
},
onLoad(options) {
//console.log(options.title)
uni.$u.http.get('/fapigx/huabian/query', {
params: {
num: 50,
page: 1,
rand:1,
word:'',
key:"(此处为请求key的值)"}
}).then(res => {
console.log(res)
this.newsList=res.data.result.newsList
console.log(this.newsList)
}).catch(err => {
})
//本地数据
// let news=require('@/public/news.json');
// console.log(news.result.data);
// this.newsList=news.result.data
},
methods: {
showDetail(){
uni.$u.route('pages/detail/detail')
},
leftClick(){
uni.$u.route('pages/index/index')
}
}
}
</script>
<style>
</style>
方便远程看看吗
首先,你应该在控制台看看自己接口请求成功没有