vue实现一个购物车（简洁易懂）

前端念初

已于 2022-10-08 16:11:25 修改

阅读量519

点赞数 1

文章标签： vue.js javascript 前端

于 2022-09-18 21:37:18 首次发布

本文链接：https://blog.csdn.net/weixin_62765236/article/details/126923620

版权

<template>
    <div class="car">
        <ul>
        <h3 style="text-align:center;">购物车</h3>
            <input type="checkbox" @click="f_selectAll()" :checked="checkedAll" class="checkall">全选
            <li v-for="(item,index) in goods" :key="index" >
                <input type="checkbox" @click="f_select(item)" :checked="item.choose">
                <div style="background-color:red">
                    <p>{
  {item.name}}</p>
                    <p @click="f_add(item)">+</p>
                    <p>{
  {item.count}}</p>
                    <p @click="f_minus(item)">-</p>
                    <p>{
  {item.price}}元</p>