I'd like to react to changes made to an array of template ref elements created with a v-for loop over some collection of arbitrary objects. I'd like to pass this array to a component / composable and have it react…
example store: const trigger = ref(true); const prop = computed(() => { trigger.value; console.log('comp prop run'); // works! return some_big_object; }); const doChange = () => { some_big_object[5000].text = 'abc'; trigger.value = !trigger.value; } return { prop, doChange } in…
I have a vue3 project and I use the composition API. I have a component which shows some items (called tokens in this case). <script setup> import { ref, onMounted, toRaw } from 'vue' import RotaryToken from './RotaryToken.vue' const tokens…
I'm having trouble creating a reference to an element and storing it inside an (non-reactive) object that I initialize like this: const myObj = { myRef: ref(null), ... } And in the template I have a similar situation: <template> ...…