Try to convert option api to composite api in vue

Question

All of the properties I add have a value, but there is still something that is not correct. I am trying to calculate the grand total by multiplying the price by the number of purchases, which is iterated through an array.

total () {
      return this.items.reduce((total, item) => {
        return total + item.qty * item.price
      }, 0)
    }

I try to change to composite api 118:12 error Parsing error: Missing semicolon. (48:12)

    total () {
      return items.reduce((total, item) => {
        return total + item.qty.value * item.price.value
      }, 0)
    }

The snippets lack the context. See stackoverflow.com/help/how-to-ask and stackoverflow.com/help/mcve . There's no methods object in composition api, so it's unclear why total () property is intact — Estus Flask
– Estus Flask, Commented Nov 29, 2022 at 21:49
const total = promos.value.reduce((total, promo) => { return total + promo.numboos.value * promo.price.$numberDecimal.value }, 0) The error is gone but total always 0 how can I fix — Nopmd
– Nopmd, Commented Nov 30, 2022 at 0:24

vol.qiu · Accepted Answer · 2022-11-30 01:18:21Z

1

try this code

 const total = computed(() => {
      return items.value.reduce((total, item) => {
        return total + item.qty * item.price
      }, 0)
    })

answered Nov 30, 2022 at 1:18

vol.qiu

223 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Community Over a year ago

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.

Collectives™ on Stack Overflow

Try to convert option api to composite api in vue

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related