vue中多商品评价对用户评价信息的处理

vue 专栏收录该内容
45 篇文章 0 订阅

商城对每个订单进行评价,但是订单商品数量不确定,根据后台接口反的数据渲染需要评价的商品信息

创建存储变量

// 循环后台反的list数组,在每一个商品对象中添加字段,用来存储用户对每个商品的评价信息
init() {
	this.axios.post("/api/mobile/index.php", {
		order_id: this.order_id
	}).then(res => {
		console.log(res);
		this.goods = res.data.evaluate_goods;
		this.goods.forEach((item, index) => {
			// 动态设置data  对象 字段名 字段值
			this.$set(item, "text", ""); //存评价文字
			this.$set(item, "loading", false); //是否显示上传图片的加载动画
			this.$set(item, "imgs", 
				{
					img1: "",
					img2: "",
					img3: ""
				}
			); //存图片   //必须先定义对象中的变量名,之后才可以在方法中修改变量值
		});
	});
},

获取存储的评价信息,上传接口

publish() {
	//1.处理评价信息
	let goodsArr = [];  //所有评价信息数组
	this.goods.forEach((item, i) => {    //循环评价商品列表,组合每个商品信息对象,push进大数组
		let good = {  //每个商品信息对象
			comment: item.text,//评价内容
			evaluate_image:[item.imgs.img1, item.imgs.img2, item.imgs.img3],//评价图片
			geval_id: item.geval_id//评价的商品id
		};
		goodsArr.push(good);
	});
	
	//2.评价信息上传
	this.axios.post("/api/mobile/index.php", {
		geval_orderid: this.order_id,
		goods: goodsArr   
	}).then(res => {
		if (res.status == 1) {
			this.$toast("评价成功");
		}
	});
},

  • 0
    点赞
  • 0
    评论
  • 1
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 创作都市 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值