Как передать computed data в data?

Question

[stanislavkm]

computed: {
    cartTotalCost() {
      let result = []
      if (this.cart_data.length) {
        for (let product of this.cart_data) {
          result.push(product.price * product.amount)
        }
        result = result.reduce(function (sum, el) {
          return sum + el;
        })
        return result
      } else {
        return 0;
      }
    },

затем эту стоимость нужно будет передать в запросе. Каким образом записать его в передаваемый объект?

data() {
    return {
      obj:{
...
   }
  }
 }

Comments

[Сергей delphinpro]

= this.cartTotalCost ?

[stanislavkm]

Сергей delphinpro,
data() {
return {
cartTotal = this.cartTotalCost,
obj:{
cartTotal,
},
}
}
?

[Сергей delphinpro]

stanislavkm, Зачем ты всё усложняешь?

data() {
  return {
    obj:{
      cartTotal: this.cartTotalCost,
    },
  }
}

Только зачем это?

Если obj вычисляется, пусть тоже будет вычисляемым свойством.

computed: {
  obj: {
    cartTotal: this.cartTotalCost, 
  }
}

Answer 1

[0xD34F]

Вам это не нужно.

Собирайте "передаваемый объект" перед запросом - часть данных достаёте из обычных свойств компонента, часть из computed. Или можете оформить его как ещё одно computed свойство.

Ну а само свойство cartTotalCost...

...выглядит дико стрёмно. Вместо двенадцати строк достаточно одной:

computed: {
  cartTotalCost() {
    return this.cart_data.reduce((acc, n) => acc + n.price * n.amount, 0);
  },
  ...

Comments

[stanislavkm]

0xD34F, спасибо за замечание по самому свойству.
а в объекте указал:

data() {
    return{
      orderData:{
        fio: '',
        phone: '',
        cartTotal: this.cartTotalCost,
        ...
      },
   }
 }

приходит все, кроме этого самого cartTotalCost значения

[0xD34F]

stanislavkm, а давайте-ка вы теперь прочитаете не только "замечание", но и то, что до него.

[stanislavkm]

0xD34F,
т.е.

postOrder() {
      postData : {
          fio : this.fio;
          cost : this.cartTotalCost;
      };
      const postDataStr = JSON.stringify(this.postData)
      axios.post(`${url}`, postDataStr)
          .then((response) => {
            console.log(response.data);
          })
          .catch((error) => {
            console.log(error);
          });
    },

[0xD34F]

stanislavkm, что "т.е."?

Смотрю на этот убогий огрызок говнокода, и жалею, что работа программиста не похожа на работу электрика. Ведь как было бы здорово - сунулся говнокодер куда-то не туда, сделал что-то не то, шибануло током, и вот вместо говнокодера уже обугленный труп говнокодера.

[stanislavkm]

0xD34F,
:(

postOrder() {
      const orderDataStr = {cost: this.cartTotalCost, fio: this.fio, phone: this.phone}
      axios.post(`https://lm.perimeter.games/api/v1/order`, orderDataStr)
          .then((response) => {
            console.log(response.data);
          })
          .catch((error) => {
            console.log(error);
          });
    },

вы это подразумевали?

[0xD34F]

stanislavkm, я не понимаю, что вы говорите:

:(

Что это и зачем? Разверните свою мысль.

[stanislavkm]

0xD34F, я, правда, стараюсь освоить данное направление. отчасти понимаю ваше негодование, но неужели, на вашей начальной стадии обучения, Вы с полуслова понимали что делать?

[0xD34F]

stanislavkm, соизволили отреагировать на мой ответ спустя двое суток после публикации, и при этом даже не потрудились целиком его прочитать. Если вы не торопитесь, то почему я должен?