hooray / vue-sku-form

基于 Vue & ElementUI 的电商 SKU 表单配置组件

vue-sku-form

基于 Vue & ElementUI 的电商 SKU 表单配置组件

文档

你或许感兴趣

Fantastic-admin

一款开箱即用的 Vue 中后台管理系统框架

vue-sku-form's Issues

建议增加属性按钮可配置是否出现

增加一个类似addShow属性，可以通过该属性控制是否出现‘添加’按钮。

SKU及子项的拖动排序

能增加SKU及子项的拖动排序功能吗?
调整起来挺麻烦的

新加了属性，之前的输入框值全部被清空了

如果我设置了颜色-红，蓝，并在输入框写了信息，之后再添加一个属性，input全部清空了

sku数据为空 库存价格等字段有值 数据显示不出来

功能建议

希望可以增加删除属性 和 删除属性值的这种操作

source-attribute数组格式不能实时push只能查询出来

大佬 看能不搞成动态到然后直接push进去 不然需要自己新增一个然后查询出来

创建了3 主规格 6个子规格 页面就卡住了

如何通过CDN方式使用？

一直报错，请问如何解决？

获取sku 数据时 可否拼接上每一项的name

获取sku 数据时 可否拼接上每一项的name
譬如
[
{
"name": "颜色",
"item": [
"黑"
]
}
]

sku拼接后
[
{
"sku": "颜色，黑",
"price": 80,
"stock": 100
}
]

规格组能否动态添加

能否增加对规格组的操作(增加、删除)

能不能支持任一规格上传图片？

能不能支持任一规格上传图片，前台需要显示图片区分，比如颜色。

可以出vue3版本的吗

source-attribute只能指定使用这几个属性吗，我想加一个id可以吗

想提一条建议0.0

组件做的很好用，就是发现没有删除规格功能，希望作者有空能添加一下。

一些小建议：structure增加hidden类型、动态增加的attribute子项item，是否可以自动合并到sourceAttribute中

首先非常感谢作者提供的组件，非常好用。
使用中遇到一些小问题：

1、structure增加hidden类型。 场景：后台需要封面图的id
2、动态增加的attribute子项item，是否可以自动合并到sourceAttribute中。场景，动态增加了一个规格，然后增加了一些子项，sourceAttribute，并未同步。（不知道是不是我的使用姿势有问题）

UMD有用吗？以下代码发现没反应

<title>SkuForm demo</title>
<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.12/vue.min.js"></script>



<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script src="./SkuForm.umd.js"></script>

		
		
		<el-col>
			<el-divider content-position="left">attribute 数据</el-divider>
			<pre><code>{{ attribute }}</code></pre>
		</el-col>
		<el-col>
			<el-divider content-position="left">sku 数据</el-divider>
			<pre><code>{{ sku }}</code></pre>
		</el-col>
	</el-row>


<script>  
Vue.use(SkuForm);
new Vue({
	el:'#app', 
	data() {
		return {
			sourceAttribute: [
				{
					name: '颜色',
					item: ['黑', '金', '白']
				},
				{
					name: '内存',
					item: ['16G', '32G']
				}
			],
			attribute: [],
			sku: []
		}
	}
});
</script>  

    

图片放大功能失效

点击没反应

sku里面的第一个属性不显示

怎么拿到table的index栏 右边那项的值

emitAttribute() {
		let attribute = []
		this.myAttribute.forEach(v1 => {
			const obj = {
				name: v1.name,
				item: [],
				id: v1.id
			}
			v1.item.forEach(v2 => {
				if (v2.checked) {

// 如果修改了这行的值(假设已经每项v2都有自己的id值)

					obj.item.push(v2.name)

// 改成了 ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓
obj.item.push( { name : v2.name , id : v2.id })

				}
			})
			console.log('obj', obj)
			if (obj.item.length !== 0) {
				attribute.push(obj)
			}
		})
		console.log(attribute)
		return attribute
	}

改完后 table里选择完 更新的数据第二项 会变成undefined 这点该去哪里改啊 该怎么让列表还是显示name的值

当没有任何SKU属性的时候SKU里是保存了库存和单价

但是这个SKU里有值调用skuform.init也没法赋值上去，至少必须有一个SKU属性才会赋值上去吗？是不是空的SKU就是不赋值的？

有ant vue 版本吗

有ant vue 版本吗

sku数据为空 其他字段有值 显示不出来

新增规格值这个事件没有在文档中看到，需要新增的时候调接口，数组中找的话数据太多了。。。。

sku 规格 编辑时候 规格置为不可勾选状态 这个要怎么实现啊

vue3.0 安装插件后提示