您的位置:首页 > Web前端 > Vue.js

基于Element和vue实现的自动生成SKU表格(笛卡尔积)

2019-03-08 23:49 1041 查看

基于Element和vue实现的自动生成SKU表格

商品的SKU表格自动生成

  1. 工具 ,使用Element的表格和vue实现;

  2. 算法 ,其中算法是看一位大佬的,但他没有具体实现,这里我直接造一个轮子吧,造的不好还请见谅;

demo地址

项目地址:https://github.com/1260215278/Sku-demo

数据格式 ,其实数据可以随便定义的,自己随便写个循环拼接一下就可以了

shopType: [
{
name: "颜色",
typeNames: [
{ type: "红色", img: "" },
{ type: "白色", img: "" },
{ type: "蓝色", img: "" },![在这里插入图片描述](https://img-blog.csdnimg.cn/20190510105909286.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTI5NDIy,size_16,color_FFFFFF,t_70)
{ type: "粉色", img: "" }
]
},
{
name: "材料",
typeNames: [
{ type: "棉花", img: "" },
{ type: "纱布", img: "" },
{ type: "蚕丝", img: "" },
{ type: "麻布", img: "" }
]
},
{
name: "尺码",
typeNames: [
{ type: "L", img: "" },
{ type: "XL", img: "" },
{ type: "XXL", img: "" },
{ type: "XXX", img: "" }
]
}
],

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: