Is it possible to access the value of the v-model?

[jonakirke94]

How can I get the value of the v-model so I can take actions depending on the value? It doesn't seem like you can access the v-model value

//TEMPLATE
<pre>{{id}}</pre> <!-- NO VALUE / NOT REACTIVE -->
<input type="text" v-model="id" name="id">	

//COMPONENT
import { createHelpers } from "vuex-map-fields";

const { mapFields } = createHelpers({
  getterType: "applicationModule/getField",
  mutationType: "applicationModule/updateField"
});

@Component({
	computed: {
		...mapFields({
                        `id:` 'newApplication.id',
			name: 'newApplication.name',
			description: 'newApplication.description',
		}),
	}
})

[jonakirke94]

It appears to work when mapping the object instead and accessing the properties on the object in the template:

<pre>{{app.id}}</pre> <!-- WORKS -->
<input type="text" v-model="app.id" name="id">

@Component({
	computed: {
		...mapFields({
			app: 'newApplication'
		}),
	}
})

Still baffled as to way the first example doesn't work. My state in my module is notated as this:
newApplication: {} as Application .. wondering if it has anything to do with that?

[maoberlehner]

Hey @jonakirke94!

There is a syntax error in the example you've posted: `id:` 'newApplication.id', (the backticks `) around id: please make sure that you don't have this error in your actual code.

If not, please provide a reduced test case on CodeSandbox (you can fork https://codesandbox.io/s/38y88yvoo1).

Thanks!

[maoberlehner]

Closing this because of inactivity. Feel free to open a new issue if this is still a problem. Thx!