![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端练习
文章平均质量分 76
前端练习
sam80000
这个作者很懒,什么都没留下…
展开
-
vue小dem-简单实现搜索框功能
一、通过新旧数组对比 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t原创 2022-03-17 11:26:58 · 130 阅读 · 0 评论 -
VUE小demo -购物车
一、思路 1.创建数组对象,用来存放添加到购物车的商品。再创建一个数组用来存放勾选的商品对象。 2.用v-for循环遍历添加到购物车的商品来显示,用v-model绑定多选框,将勾选的数据存入数组。 3.求和:对勾选的数组进行遍历,把价格和数量计算综合 4.全选和全不选:当勾选全选的时候,让勾选的数组对象等于购物车的商品对象。 5.根据勾选全部商品,判断全选:当勾选全部商品后,判断勾选数组长度和购物车数组长度,且不为零,对全选和全不选操作。点击删除按钮,还要进行此判断,防止删除后两个数组不同,但却全选。 6.原创 2022-03-21 22:26:40 · 588 阅读 · 0 评论