Add/Update property to vue 3 ref object

How can I add(or update if exists) a property to ref object. I have tried the the following:

cont object = ref({})
const addOrUpdateObject = (key,val) => {
	object.value[key] = val
})

I get error "Cannot set properties of null"

martinbean

2 years ago

Level 80

@udev You’d be better off creating a reactive object to track property changes:

const foo = reactive({});

foo[key] = value;

Udev

2 years ago

Best Answer

Level 2

@martinbean can't do that in my case as the properties are dynamic. Managed to find a workaround where I create a temporary object then replace the whole ref object, i.e.,

cont object = ref({})
const todo= () => {
	let temp = {}

	//todo loop
	    temp[key] = val

	object.value = temp
})
~~~

Please or to participate in this conversation.