Как оперировать значениями двух переменных во Vue?

Question

Тихон

javascript , vue

Как оперировать значениями двух переменных во Vue?

Как можно переписать код на JavaScript, чтобы переменная `prices` содержала сумму `element.PROPERTIES.PRICE` и 30% от него, а не просто объединение их значений в строку?

13 марта 2024 г. 16:29

Ответы на вопрос 1

Похожие вопросы

Answer 1

Для оперирования значениями двух переменных во Vue можно воспользоваться вычисляемым свойством. Например:

```vue
<template>
  <div>
    <p>{{ total }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      price: 100,
      discount: 30
    };
  },
  computed: {
    total() {
      return this.price + (this.price * this.discount / 100);
    }
  }
};
</script>
```

Чтобы переменная `prices` содержала сумму `element.PROPERTIES.PRICE` и 30% от него вместо простого объединения строк, можно использовать следующий код на JavaScript:

```javascript
let price = 100; // замените на element.PROPERTIES.PRICE
let discount = 30; 

let total = price + (price * discount / 100);
console.log(total);
``` 

При этом необходимо заменить значение переменной `price` на `element.PROPERTIES.PRICE`, если она содержит нужное значение.