如何实现VUE项目中商品参数及属性模块的添加功能？

本文共计1837个文字，预计阅读时间需要8分钟。

接上篇《52、商品添加功能（二）- 基本信息添加》

在上篇文章中，我们完成了多页签汇总信息的逻辑梳理，以及基本信息的添加页面。本篇我们将继续深入，完成商品参数和商品属性面扳的设计与实现。

接上篇《​​52、商品添加功能（二）-基本信息​​》 上一篇我们完成了多页签汇总信息添加商品的逻辑梳理，以及完成基本信息的添加面板，本篇我们来完成商品参数和商品属性面板的开发。

一、获取商品参数面板数据

我们要实现的效果：

这里我们要先从后台获取该商品的所有参数信息，然后给它渲染到页面上。调用的API如下：

●响应数据

{ "data": [ { "attr_id": 1, "attr_name": "cpu", "cat_id": 22, "attr_sel": "only", "attr_write": "manual", "attr_vals": "ffff" } ], "meta": { "msg": "获取成功", "status": 200 }}

这里在请求url里加入一个ID，这个ID就是第一个页面选择的商品ID，然后sel是获取静态属性还是动态参数，我们这里的商品参数时动态参数，所以写死为“many”即可。