美文网首页
萌新前端,第一次使用uniapp的踩坑之路checkbox-gr

萌新前端,第一次使用uniapp的踩坑之路checkbox-gr

作者: 美树小埋 | 来源:发表于2020-04-17 11:11 被阅读0次

满怀着以后就可以偷懒的心情,开始了我的Uniapp之旅

先说需求,我是要写一个类似于淘宝购物车一样的功能

1、全选

2、复选框

3、金额计算

页面长这个样子(有点丑哈,原型设计前端都是我一个人,将就着用叭

首先先实现,一进页面就全选的功能,代码如下:

1、循环数据

2、用$set,添加一个属性 ‘checked’,值为true。如果是要点击全选的话,直接把这段代码加到一个点击事件里面

实现复选的功能,checkbox-group自带了复选的功能,所以我要实现的就是,选择复选框的时候,计算这条订单的金额,加拿到这条订单的数据

相关文章

  • 萌新前端,第一次使用uniapp的踩坑之路checkbox-gr

    满怀着以后就可以偷懒的心情,开始了我的Uniapp之旅 先说需求,我是要写一个类似于淘宝购物车一样的功能 1、全选...

  • 萌新踩坑日常

    1.在用netstat -lpt查看服务器监听的所有端口以及对应的进程id时,如果是root启动的进程,而用非ro...

  • 前端开发 ~ Chrome 调试小坑

    最近在使用AngularJS 进行开发并使用 Google Chrome 进行前端调试的时候,踩了一些小坑,记录一...

  • uniapp踩坑笔记

    前进,前进。 使用cli 会提示模版选择框(不同模版适配程度不同,hello uni-app可以直接运行,有的则不...

  • uniapp 踩坑记录

    uni.makePhoneCall打包后不生效的问题 需要勾选权限android.permission.CALL_...

  • uniapp踩坑记

    首先我是用cli创建的项目 1.项目配置px转rpx 安装postcss-pxtorpx-pro vite.con...

  • uniapp开发踩坑

    自定义组件v-model不可以自定义model,只能使用默认的value/input,否则小程序无效 原本我使用的...

  • UniApp 入门学习

    一、UniAPP 介绍 (1)什么是 UniAPP ? uni-app 是一个使用 Vue.js 开发所有前端应用...

  • 萌新入门微信前端开发要踩坑的!

    时间:2016.5.21-08:24作者:三月懒驴推荐萌新入微信前端开发坑的技术点有:weui + vue.js ...

  • [笔记]萌新使用sublime时踩过的坑

    一、快捷键 sublime常用快捷键subline代码快速补全 不要沉溺于插件和快捷键!!! 二、基本设置 Pre...

网友评论

      本文标题:萌新前端,第一次使用uniapp的踩坑之路checkbox-gr

      本文链接:https://www.haomeiwen.com/subject/athevhtx.html