老师,我的没有打印出来内容,请老师帮忙查看,谢谢

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕久久 2021-11-24 11:35:26

同学你好,老师测试源码,是能打印出数据的:

https://img1.sycdn.imooc.com//climg/619db2c4097f085e11000455.jpg

说明源码中的接口没有问题。

建议同学把Nearby.vue、utils/request.js这两个文件中的代码粘贴出来(不要截图),老师检查一下。

祝学习愉快!

  • 提问者 叫我丽红 #1

    // 封装post方法,发送axios请求

    import axios from 'axios';


    const instance = axios.create({

        baseURL:'https://www.fastmock.site/mock/ae8e9031947a302fed5f92425995aa19/jd',

        timeout:10000

    })

    export const get = (url, params = {}) => {

        return new Promise((resolve, reject) =>{

            instance.post(url,{params} ).then((response) =>{

                resolve(response.data)

            },err =>{

                reject(err)

            })

        })

    }


    export const post = (url, data = {}) => {

        return new Promise((resolve, reject) =>{

            instance.post(url,data ,{

                headers:{

                    'Content-Type':'application/json'

                }

            }).then((response) =>{

                resolve(response.data)

            },err =>{

                reject(err)

            })

        })

    }


    2021-11-24 14:29:04
  • 提问者 叫我丽红 #2

    <template>

        <div class="nearby">

            <h3 class="nearby__title">附近店铺</h3>

            <div

                class="nearby__item"

                v-for="item in nearbyList"

                :key="item._id"

                >

                <img :src="item.imgUrl" class="nearby__item__img">

                <div class="nearby__content">

                    <div class="nearby__content__title">{{item.name}}</div>

                    <div class="nearby__content__tags">

                        <span

                            class="nearby__content__tag"

                            v-for="(innerItem,innerIndex) in item.tags"

                            :key="innerIndex"

                        >{{innerItem}}</span>


                    </div>

                    <p class="nearby__content__highlight">{{item.desc}}</p>

                </div>

            </div>

        </div>

    </template>


    <script>

    // 响应式数据:页面发生变化,数据跟着变化,引入vue

    import { ref } from 'vue'

    // 将get从文件中取出

    import { get } from '../../utils/request';

    export default {

        name: 'Nearby',

        setup () {

            const nearbyList = ref ([]);


            // 取数据,将数据封装到一个函数里,异步方法

            const getNearbyList = async () =>{

                const result = await get('/api/shop/hot-list')

                console.log(result)

                if (result ?.errno === 0 && result ?.data ?.length){

                    nearbyList.value = result.data

                }

            }

            // 调用

            getNearbyList();

            return { nearbyList };

        }



    }



    </script>


    <style lang="scss" scoped>

        @import '../../style/viriables.scss';

        .nearby {

            &__title {

                margin: .16rem 0 .02rem 0;

                font-size: .18rem;

                font-weight: normal;

                color: $content-fontcolor;

            }

            &__item {

                display: flex;

                padding-top: .12rem;

                &__img {

                margin-right: .16rem;

                width: .56rem;

                height: .56rem;

                }

            }

            &__content {

                flex: 1;

                padding-bottom: .12rem;

                border-bottom: 1px solid $content-bgColor;

                &__title {

                line-height: .22rem;

                font-size: .16rem;

                color: $content-fontcolor;

                }

                &__tags {

                margin-top: .08rem;

                line-height: .18rem;

                font-size: .13rem;

                color: $content-fontcolor;

                }

                &__tag {

                margin-right: .16rem;

                }

                &__highlight {

                margin: .08rem 0 0 0;

                line-height: .18rem;

                font-size: .13rem;

                color: #E93B3B;

                }

            }

        }

    </style>



    2021-11-24 14:29:38
  • 提问者 叫我丽红 #3

    请老师帮忙查看,谢谢

    2021-11-24 14:37:40
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师