小程序如何修改商品

**小程序如何修改商品**

在小程序中，商品信息的修改是非常重要的一步。通过修改商品信息，可以让用户更好地了解产品的特点、价格等信息，从而提高销售率和用户体验。

### 一、商品基本信息修改首先，我们需要了解小程序中的商品基本信息包括哪些字段。这些字段通常包括：

* 商品名称* 商品描述* 商品价格* 商品图片我们可以通过以下代码来实现商品基本信息的修改：

javascript// pages/goodsDetail.jsPage({
 data: {
 goodsInfo: {
 name: '',
 desc: '',
 price:0,
 imgUrls: []
 }
 },

 // 修改商品名称 changeName(e) {
 this.setData({
 'goodsInfo.name': e.detail.value });
 },

 // 修改商品描述 changeDesc(e) {
 this.setData({
 'goodsInfo.desc': e.detail.value });
 },

 // 修改商品价格 changePrice(e) {
 this.setData({
 'goodsInfo.price': e.detail.value });
 },

 // 添加商品图片 addImg() {
 wx.chooseImage({
 count:1,
 sizeType: ['compressed'],
 sourceType: ['album', 'camera'],
 success: (res) => {
 this.setData({
 'goodsInfo.imgUrls': [...this.data.goodsInfo.imgUrls, ...res.tempFilePaths]
 });
 }
 });
 },

 // 删除商品图片 delImg(index) {
 const { imgUrls } = this.data.goodsInfo;
 imgUrls.splice(index,1);
 this.setData({
 'goodsInfo.imgUrls': imgUrls });
 }
});

javascript// pages/goodsDetail.jsPage({
 data: {
 goodsInfo: {
 name: '',
 desc: '',
 price:0,
 imgUrls: [],
 specs: []
 }
 },

 // 添加商品规格 addSpec() {
 wx.showActionSheet({
 itemList: ['颜色', '尺寸'],
 success: (res) => {
 const spec = {
 name: res.tapIndex ===0 ? '颜色' : '尺寸',
 values: []
 };
 this.setData({
 'goodsInfo.specs': [...this.data.goodsInfo.specs, spec]
 });
 }
 });
 },

 // 添加规格值 addSpecValue(index) {
 const { specs } = this.data.goodsInfo;
 const spec = specs[index];
 wx.showActionSheet({
 itemList: ['红色', '蓝色'],
 success: (res) => {
 spec.values.push(res.tapIndex ===0 ? '红色' : '蓝色');
 this.setData({
 'goodsInfo.specs': specs });
 }
 });
 },

 // 删除规格值 delSpecValue(index, valueIndex) {
 const { specs } = this.data.goodsInfo;
 const spec = specs[index];
 spec.values.splice(valueIndex,1);
 this.setData({
 'goodsInfo.specs': specs });
 }
});

javascript// pages/goodsDetail.jsPage({
 data: {
 goodsInfo: {
 name: '',
 desc: '',
 price:0,
 imgUrls: []
 }
 },

 // 修改商品价格 changePrice(e) {
 this.setData({
 'goodsInfo.price': e.detail.value });
 }
});

javascript// pages/goodsDetail.jsPage({
 data: {
 goodsInfo: {
 name: '',
 desc: '',
 price:0,
 imgUrls: []
 }
 },

 // 添加商品图片 addImg() {
 wx.chooseImage({
 count:1,
 sizeType: ['compressed'],
 sourceType: ['album', 'camera'],
 success: (res) => {
 this.setData({
 'goodsInfo.imgUrls': [...this.data.goodsInfo.imgUrls, ...res.tempFilePaths]
 });
 }
 });
 },

 // 删除商品图片 delImg(index) {
 const { imgUrls } = this.data.goodsInfo;
 imgUrls.splice(index,1);
 this.setData({
 'goodsInfo.imgUrls': imgUrls });
 }
});

javascript// pages/goodsDetail.jsPage({
 data: {
 goodsInfo: {
 name: '',
 desc: '',
 price:0,
 imgUrls: []
 }
 },

 // 修改商品描述 changeDesc(e) {
 this.setData({
 'goodsInfo.desc': e.detail.value });
 }
});