vue实现带规格商品的表格编辑

最新推荐文章于 2024-09-13 08:06:30 发布

终是后来居上

最新推荐文章于 2024-09-13 08:06:30 发布

阅读量2.5k

点赞数

文章标签： vue实现带规格商品的表格编辑

原文链接：https://www.cnblogs.com/skura23/p/7466952.html

版权

vue 专栏收录该内容

114 篇文章 1 订阅

订阅专栏

本文介绍了一种商品规格管理系统，能够处理商品是否启用规格的状态，当启用时显示带规格表格，未启用时显示无规格价格。系统支持最多两个规格大项，如颜色、尺寸，并允许添加多个规格小项，如红色、蓝色、大码、小码。规格大项或小项可随时删除，且在启用规格时提供批量填写项，便于设置新项的默认价格。

摘要由CSDN通过智能技术生成

实现效果:

在这里插入图片描述

需求分析:

商品分为 启用规格 和 未启用规格 两种状态, 启用时显示带规格表格, 不启用时显示无规格价格
规格大项最多添加两个, 比如 "颜色", "尺寸", 规格小项可添加多个比如"颜色"下可添加"红色"、"蓝色", 尺寸下可添加"大码"、"小码"等
规格大项或规格小项可删除
启用规格时有"批量填写"项, 作为新项添加时的默认价格
添加后的价格可修改

demo地址

gh-page: https://skura23.github.io/goods-spec/

repo:https://github.com/Skura23/goods-spec