<view class="jrty" @click="jdxq" v-for="(item,index) in recommendData" :key='index'>
<image :src="item.image" mode=""></image>
<view class="">
<view class="jrty-1">{{item.name}}</view>
<view class="jrty-2">4.9 <text>超棒</text> </view>
<view class="jrty-3">环境超级棒,早餐非常丰富早餐非常丰富早餐非常丰富</view>
<view class="jrty-4">¥{{item.price}}<text>起</text></view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
recommendData: []
}
},
mounted() {
this.recommend()
},
methods: {
//跳转酒店详情
jdxq() {在这里插入代码片
uni.navigateTo({
url: '/pages/hotel-xq_xq/hotel-xq_xq'
})
},
// 接口
recommend() {
var _this = this;
uni.request({
url: "/api/hotel/recommend",
method: 'POST', //请求方式
data: {
"lat": "28.1777830",
"lon": "112.6974720"
},
success: (res) => {
_this.recommendData = res.data.data
}
})
}
},
}
调接口
最新推荐文章于 2022-09-30 16:05:05 发布