微信小程序商城开发-商品详情页跳转购物车

这篇具有很好参考价值的文章主要介绍了微信小程序商城开发-商品详情页跳转购物车。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

项目场景:

微信小程序商城开发中商品详情页中购物车页面的跳转(仅限于tabbar页面的跳转)

 


问题描述

点击商品详情页中的购物车图标跳转不到tabbar及导航栏中的购物车页面,总是报错


原因分析:

微信小程序开发需要跳转tabbar页面的话,有固定的跳转方式,不是开发中所有的跳转方式都适用于tabbar跳转

微信小程序 bind:click,微信小程序开发,微信小程序,java

 文章来源地址https://www.toymoban.com/news/detail-581879.html


解决方案:

1.wxml页面中,在购物车按钮设置里天添加bind:click="go_shopping_car",这里我用的是vant组件,没用的就在自己写的按钮的代码段里加这个

<van-goods-action-icon icon="cart-o" text="购物车" bind:click="go_shopping_car"/>

微信小程序 bind:click,微信小程序开发,微信小程序,java

2.在js页面中输入如下代码,url后的链接是tabbar中购物车的地址,这个地址在app.json的pages里也有

go_shopping_car:function () {
            wx.switchTab({
              url: '/pages/shopping_car/shopping_car',
            })
          },

微信小程序 bind:click,微信小程序开发,微信小程序,java

 

ps:该方法仅用于tabbar页面的跳转,且改文章仅是记录自己学习中遇到的问题

 

 

到了这里,关于微信小程序商城开发-商品详情页跳转购物车的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序毕业设计作品成品(43)微信小程序水商品商城订水送水系统设计与实现

    博主介绍: 《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。 所有项目都配有从入门到精通的基础知识视频课程,免费 项目配有对应开发文档、开题报告、任务书、PPT、论文模版

    2024年02月08日
    浏览(26)
  • 开源若依+uniapp商城支持微信小程序/H5/微信支付/商品管理/订单管理/会员管理

    开源若依+uniapp商城介绍支持微信小程序/H5/微信支付/商品管理/订单管理/会员管理 建议两倍速度观看!!! 访问地址:https://mall.ichengle.top/ 源码地址:https://gitee.com/zccbbg/RuoYi-Mall 若依(Ruoyi)是一个基于Java开发的快速开发脚手架(框架),旨在帮助开发者更轻松地构建企业级

    2024年02月07日
    浏览(33)
  • 【微信小程序】基于Java+uniapp框架开发的全开源微信小程序商城系统

    基于Java+uniapp框架开发的全开源微信小程序商城系统,前端采用目前主流的uniapp框架开发,后端采用Java语言开发,前后端代码全部开源,减少重复造轮子,支持小程序商城秒杀、优惠券、多商户、直播卖货、分销等功能,帮助商家快速搭建一个属于自己的微信小程序商城。

    2024年02月16日
    浏览(39)
  • Flutter系列(十一)实现商城首页和商品详情页

    本文介绍了使用Flutter实现商城首页和商品详情页的过程,包括瀑布流插件的使用、页面跳转动画特效、顶部搜索框等组件的添加。商城首页展示了商品列表和点击跳转到商品详情页的功能,商品详情页包括商品信息、评价模块和底部固定栏等内容。详细代码和解决问题的方法也在文章中提供。

    2024年02月09日
    浏览(36)
  • 微信小程序图书交易商城云开发实例——书易(总览)

    前期准备 微信小程序图书交易商城云开发实例——书易(一):小程序注册及云环境、导航栏实现 微信小程序图书交易商城云开发实例——书易(二):云数据库与云存储 新书模块 微信小程序图书交易商城云开发实例——书易(三):首页 微信小程序图书交易商城云开发

    2024年02月03日
    浏览(35)
  • 【UniApp开发小程序】商品详情展示+评论、评论展示、评论点赞+商品收藏【后端基于若依管理系统开发】

    【说明】 界面中商品的图片来源于闲鱼,若侵权请联系删除 【商品详情】 【评论】 该工具类的作用是,给定一个图片的url地址,计算出图片的高宽比,计算高宽比的作用是让图片可以按照正常比例显示 日期格式化 有时候后端传递过来的日期格式直接在前端页面中展示不太

    2024年02月12日
    浏览(34)
  • 【微信小程序-原生开发】实用教程07 - Grid 宫格导航,详情页,侧边导航(含自定义页面顶部导航文字)

    【微信小程序-原生开发】实用教程 轮播图、分类页签 tab 、成员列表(含Tdesign升级,切换调试基础库,设置全局样式,配置组件按需注入,添加图片素材,wx:for,生命周期 onLoad)

    2024年02月09日
    浏览(72)
  • uniapp开发的App(安卓)端跳转uniapp微信小程序

    本文总结两种跳转方法:!!!适合自己的才是最好的         !   小程序的 URL Scheme           !! 小程序的 URL Link    代码实现: !!!切记本案例是前端调用,应该让后端封装调用(为了安全考虑) 以上可以拿到小程序的两种URL 链接 vebView页面代码: !!!打包App时需

    2024年02月08日
    浏览(46)
  • uniapp开发APP跳转微信小程序和支付宝小程序(安卓版)

    开发APP时需要支付时跳转微信或者支付宝去支付,但是因为银行合作问题不能直接跳转,所以选择跳转到小程序页面进行支付,微信小程序和支付宝小程序写法不同 APP跳转微信小程序 (需要manifest.json中APP模块配置Share中微信分享保持开启) 微信小程序原始id在微信开放平台查

    2024年02月06日
    浏览(34)
  • 基于微信小程序的电子商城购物平台的设计与开发+ssm

    随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱,电子商城购物平台小程序被用户普遍使用,为方便用户能够可以随时进行电子商城购物平台小程序的数据信息

    2024年01月18日
    浏览(41)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包