Level 73
42
Sep 11, 2023
7
Level 2
Ref variable generating auto addition in value
Following code results in auto addition in total value
<script setup>
import { ref } from 'vue'
const list = ref([1, 2, 3])
const itemRefs = ref([])
let t=0;
function total(id){
t += id;
return t;
}
</script>
<template>
<ul>
<li v-for="item in list">
{{ total(2) }}
</li>
</ul>
</template>
Level 2
@Tray2 what 42 means?
Level 73
@muazzamazaz 42 is the answer to THE question
https://www.techtarget.com/whatis/definition/42-h2g2-meaning-of-life-The-Hitchhikers-Guide-to-the-Galaxy
I use it when the OP doens't add anything we can work with.
Level 51
Every time the component renders it the t variable will be 0 again.
Use ref to keep its state
let t= ref(0);
function total(id){
t.value += id;
return t;
}
Level 2
@MohamedTammam t.value += id; this not working and gives value 0
Level 51
@muazzamazaz It's working fine here
Level 2
The issue seems to be with my development environment, what I should check at my end
Please or to participate in this conversation.