Nuxt•16mo ago

why isn't input's value not updating when using useState value in it?

guys i have a useState that doesn't have any values, it later gets set to an object after a fetch request to an api
But if i use this useState object's value for an input, the input value is always empty

<Input id="account-id" :value="user.id" />

<Input id="account-id" :value="user.id" />

export const useUser = (): Ref<UserType> =>
  useState<UserType>('myapp.user')

export const useUser = (): Ref<UserType> =>
  useState<UserType>('myapp.user')

const user = useUser()

const user = useUser()

anyone know why the input's value never changes when the useState changes?

manniL•9/16/24, 2:33 PM

should be a function

manniL•9/16/24, 2:33 PM

and it should return the currently set value

Original message was deleted

manniL•9/17/24, 6:53 AM

yeah, I wouldn't type it this way

MmanniL ```ts export const useUser = () => useState<UserType>('myapp.user') ``` should ...

NistharOP•9/19/24, 2:11 PM

how is this different from the code?

NistharOP•9/19/24, 2:11 PM

aren't they both the same?

manniL•9/19/24, 2:13 PM

@Nisthar that was mainly as an answer to @l422y. Code seems fine except that you don't have 2-way binding (e.g. with v-model) or reacthing on an @input event

manniL•9/19/24, 2:13 PM

that's why the input component never changes the state

MmanniL @Nisthar that was mainly as an answer to @l422y. Code seems fine except that you...

NistharOP•9/30/24, 6:55 AM

but doesn't the input need to update when the value changes even if it is one way binding?

NistharOP•9/30/24, 6:55 AM

using v-model works, but i don't know why :value doesn't work for this