shopName

shopName

https://img1.sycdn.imooc.com//climg/6289f08e0943157515120758.jpg


https://img1.sycdn.imooc.com//climg/6289f0cd09d6308b08880159.jpg

老师,我想把请求到的‘沃尔玛’信息在当前组件中使用,有什么办法吗,我输出item是第二张图片

这些输出的是?

正在回答

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

1回答

同学你好,对于你的问题解答如下:

1、意思是将shop组件中的shopName传递到ShopInfo.vue组件中使用吗?如果是的话,以源码为例,可以参考如下思路:

Shop组件中使用ShopInfo组件时,动态绑定属性item(可以自定义的),并设置属性值为item

https://img1.sycdn.imooc.com//climg/6289ff6409342f6b09050220.jpg

ShopInfo组件中结合pops接收传递过来的属性

https://img1.sycdn.imooc.com//climg/6289ff75091ce07806370230.jpg

然后直接在模板使用即可

https://img1.sycdn.imooc.com//climg/6289ff870915abaf11900591.jpg

如果不是的话,可以将你写的相关代码全部粘贴过来,老师帮助测试。

2、因为item是针对toRefs包裹后的data进行解构,vue框架在实现该方法时进行了处理,有一些默认的属性,可以忽略,重点关注value属性值对应的值即可。

祝学习愉快~

  • qq_慕丝0136605 提问者 #1

    // 获取当前商铺详情

    const useShopInfoEffect = () => {

      const route = useRoute();

      // const store = useStore();


      const data = reactive({ item: {} });


      // 请求数据

      const getShopDetial = async () => {

        const result = await get(`/shop/${route.params.id}`);

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

          data.item = result.data; // √√√

          // item.value = result.data;  √√√

          // item = result.data;     xxx

        }

      };

      // 设置仓库shopName:

      // const setCartShopNmae = (shopId, shopName) => {

      //   store.commit("setCartShopName", { shopId, shopName });

      // };

      getShopDetial();

      // setCartShopNmae(route.params.id,);

      const { item } = toRefs(data);

      return { item };

    };


    我在shop组件中请求了数据,但我想在shop组件中把商铺的名字存到vuex中,但在当前shop中无法获取item中的数据

    2022-05-22 17:29:53
  • 好帮手慕慕子 回复 提问者 qq_慕丝0136605 #2

    猜测是因为数据请求是异步的,所以同学这种写法无法获取到shopName, 可以尝试在getShopDetail方法内部调用setCartShopNmae方法,示例:

    https://img1.sycdn.imooc.com//climg/628a04fc09f27cac08110290.jpg

    祝学习愉快~

    2022-05-22 17:41:16
  • qq_慕丝0136605 提问者 回复 好帮手慕慕子 #3

    问题解决了,非常感谢

    2022-05-22 18:25:17
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星

相似问题

登录后可查看更多问答,登录/注册

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

在线咨询

领取优惠

免费试听

领取大纲

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