"Using Vue to compute the sum or calculate values within an array - a step-by

Question

"Using Vue to compute the sum or calculate values within an array - a step-by

Having a data array like this

"item_tabel": [
  {
    "method": {
      "select_method": 6,
      
    },
    "innovation": {
      "select_innovation": 2,
    },
  }
],

How do I calculate the sum?

This is my computed method:

subtotalRow() {
    return this.$store.state.item_tabel.map((item,i) => {
      return Number(item.method.select_method * item.innovation.select_innovation)
      //how to sum (item.method.select_method + item.innovation.select_innovation)
     });
 },

An example in my table:

No | method | inov | total
1  |    6   |  2   | (6+2 = 8) 
2  |    2   |  2   |  4

If using the * operator works and if using + doesn't work.

Thanks!

javascript vue.js

Answer 1

Answer №1

If you are determined to combine the numbers 6 and 2

The solution may be simpler than you think - just follow the steps outlined in your comment:

subtotalRow() {
    return this.$store.state.item_tabel.map(
        (item,i) => (item.method.select_method + item.innovation.select_innovation)
    );
 },

Answer 2

If you are determined to combine the numbers 6 and 2

The solution may be simpler than you think - just follow the steps outlined in your comment:

subtotalRow() {
    return this.$store.state.item_tabel.map(
        (item,i) => (item.method.select_method + item.innovation.select_innovation)
    );
 },

Answer 3

Answer №2

Here's a solution for you:

In order to use Array.map(), you need to pass in a callback function enclosed in braces '{}'

calculateTotal() {
    return this.$store.state.items_list.map(
        (item, index) => {item.method.selected_method + item.innovation.selected_innovation}
    );
 },

Answer 4

Here's a solution for you:

In order to use Array.map(), you need to pass in a callback function enclosed in braces '{}'

calculateTotal() {
    return this.$store.state.items_list.map(
        (item, index) => {item.method.selected_method + item.innovation.selected_innovation}
    );
 },

"Using Vue to compute the sum or calculate values within an array - a step-by

Answer №1

If you are determined to combine the numbers 6 and 2

Answer №2

Here's a solution for you:

Similar questions

Waiting for the code to execute once the filtering process is completed in Next.js using Javascript

Tips for including a new class in an HTML element

Is there a benefit to using the Angular LocalStorageModule alongside angular-cache?

Ending asynchronous tasks running concurrently

Having trouble connecting to JSTL in my JavaScript file

Enhance your images with the Tiptap extension for customizable captions

The URL in an AJAX request includes a repeating fragment due to a variable being passed within it

How does SWR affect React state changes and component re-rendering?

The process of querying two MySQL tables simultaneously in a Node.js environment using Express

Using JavaScript to open a new window and display CSS while it loads

Looking for assistance with accessing elements using the "document.getElementById" method in Javascript

Tips for accurately determining the byte count of text within a TextArea

What can I do to prevent my panolens.js image from pausing its spin whenever a user clicks on it?

Is there a way to invoke a C# method upon completion of the callback function in ScriptManager.RegisterStartupScript?

Slot context remains unclaimed

VS code showing live server as installed but failing to function properly

Is there a way to get this reducer function to work within a TypeScript class?

IE9 causing issues with Angularjs ng-route - views fail to display

Using Javascript, Google Charts is able to interpret JSON data

Guide to setting up an express route to utilize passport for secure authentication