uniapp——添加购物车数据以及删除购物车数据

简介: 添加购物车数据以及删除购物车数据

463ff66d7c6b4e8488fc53d42d317a82.png

782db3a4adf247ffa7842337dbf99fff.png

cart.vue

getData(){
    this.updateCartList()
    }
  mounted(){
    this.getData()
    uni.$on('updateCart',()=>{
     console.log('42423423');
    this.getData()
    }) 
  },

detail.vue中添加

77a7833d901a471e82ecd18057f7108f.png

app.vue

13d3548569a049ee9d4e724bf9115f8b.png

cart.js

dodelgoods({
    commit,
    state
  }) {
    $H({
    url: '/cart/delete',
    method:'POST',
    data: {
      shop_ids: state.selectedAll.join(',')
    },
    header: {
      token: true
    }
    }).then(res => {
    console.log(res);
    })
    commit('delgoods')
  },

cart.vue

198273ce62f84844a28085332892147a.png

3e00262c5ec54257bdc2beb45e389aa0.png

app.vue  

78dfa908a04f45828bfb80c4964f39f5.png

清空购物车

d88e130e58844f169188eadbce135897.png

myfile.vue

5a8ead00c75f47dab271363a52a87c45.png

初始化页面

login页面

9dcd8e4aa5194fc6ad70d943c9a8ead6.png

45347f4a03fb4ef389b6560c753e3265.png

角标

599cce00c510436caa980bd617244b13.png

export default{
  updateBadge(count){
  if(count>0){
    uni.setTabBarBadge({
     index: 2,
     text: count.toString()
    })
  }
  }
}

f59e1653b553449fab4fe4eaad41ba82.png

import $U from '@/common/lib/badge.js'

118a541d40ec4e87b5562675583631eb.pngf7d1e7146a034cdfb2b10e49e6630224.png

22ad4dee6b6f46d5b441408211462f7d.png

相关文章
|
7月前
|
JavaScript Java Android开发
uniapp通过蓝牙传输数据 (安卓)
uniapp通过蓝牙传输数据 (安卓)
349 1
|
JSON 小程序 开发工具
uniapp获取接口数据,渲染在picker选择器里面
uniapp获取接口数据,渲染在picker选择器里面
145 0
|
7月前
uniapp页面之间通信、传参、传值方法(父→传→子,子→传→父);获取被打开页面的数据→传→当前页面;当前页面的数据→传→被打开页面
uniapp页面之间通信、传参、传值方法(父→传→子,子→传→父);获取被打开页面的数据→传→当前页面;当前页面的数据→传→被打开页面
|
2月前
|
数据可视化 API
低代码可视化-uniapp购物车页面-代码生成器
低代码可视化-uniapp购物车页面-代码生成器
65 1
|
2月前
|
JSON 数据可视化 JavaScript
低代码可视化-uniapp响应式数据data-代码生成器
低代码可视化-uniapp响应式数据data-代码生成器
49 0
|
5月前
|
前端开发
uniapp 数据父传子
在uni-app中,父组件向子组件传递数据主要通过属性绑定的方式实现。这里提供一个简单的示例来说明如何进行父传子的数据传递:
57 1
uniapp 数据父传子
|
5月前
|
存储
uniapp实战 -- 个人信息维护(含选择图片 uni.chooseMedia,上传文件 uni.uploadFile,获取和更新表单数据)
uniapp实战 -- 个人信息维护(含选择图片 uni.chooseMedia,上传文件 uni.uploadFile,获取和更新表单数据)
194 2
|
6月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的共享单车数据存储系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的共享单车数据存储系统附带文章源码部署视频讲解等
57 1
|
6月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的个人健康数据管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的个人健康数据管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
|
6月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的旅游数据附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的旅游数据附带文章源码部署视频讲解等
33 0

热门文章

最新文章