Ggtcf

What reasons are there for a Capitalist to oppose a 100% inheritance tax?

A category-like structure without composition?

Alternative to sending password over mail?

Why is it a bad idea to hire a hitman to eliminate most corrupt politicians?

How dangerous is XSS?

How do conventional missiles fly?

If human space travel is limited by the G force vulnerability, is there a way to counter G forces?

Can my sorcerer use a spellbook only to collect spells and scribe scrolls, not cast?

iPad being using in wall mount battery swollen

What's the in-universe reasoning behind sorcerers needing material components?

How to compactly explain secondary and tertiary characters without resorting to stereotypes?

What exploit are these user agents trying to use?

How to show a landlord what we have in savings?

Expand and Contract

How to prevent "they're falling in love" trope

Can a virus destroy the BIOS of a modern computer?

How can I deal with my CEO asking me to hire someone with a higher salary than me, a co-founder?

What do you call someone who asks many questions?

Is it acceptable for a professor to tell male students to not think that they are smarter than female students?

Is it inappropriate for a student to attend their mentor's dissertation defense?

How do I know where to place holes on an instrument?

GFCI outlets - can they be repaired? Are they really needed at the end of a circuit?

ssTTsSTtRrriinInnnnNNNIiinngg

Why do bosons tend to occupy the same state?

Vmodel with Vuex not binding

Returning Promises from Vuex actionsVuex nested loop, how to handle v-model on select/optionVuex getters in computed properties showing undefined until full page loadValue of vuex getter not updating when switching between routed componentsVuex state not updating on mutationVuex computed properties only work with gettersVuex computed property that listens to getter not updatingCall Vuex Action via Vue Computed SetterVuex mutation updates state, computed property never reflects update in markupHow to get value from state as my vuex getter is returning empty value in observer

0

I've followed the model of using get and then set within a computed property to make vmodel work with Vuex and the input of <textarea> but something isn't working and I'm not sure what it is.

I've got:

<textarea
 class="text-area size19"
 rows="10"
 v-model="userInput"
 aria-label="With textarea"
 placeholder="The more keywords you add, the better..."
 ></textarea>

 computed: 
 userInput: 
 get() 
 return this.$store.getters.userInput;
 ,
 set(value) 
 this.$store.commit("updateUserInput", value);
 

Then in .store there is a getter that just returns value and a mutation like this:

updateUserInput: (state, newUserInput) => 
 state.userInput = newUserInput;

vuex

share|improve this question

edited Mar 10 at 12:40

Mr Lister

35.5k1078121

asked Mar 8 at 22:28

Luis RodriguezLuis Rodriguez

457

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  can you provide more details - what exactly is happening? and if you can share the entire store.js file it will be much easier to help you
  
  – Efrat
  Mar 10 at 15:30
  
  

  
  
  
  

add a comment | 

0

I've followed the model of using get and then set within a computed property to make vmodel work with Vuex and the input of <textarea> but something isn't working and I'm not sure what it is.

I've got:

<textarea
 class="text-area size19"
 rows="10"
 v-model="userInput"
 aria-label="With textarea"
 placeholder="The more keywords you add, the better..."
 ></textarea>

 computed: 
 userInput: 
 get() 
 return this.$store.getters.userInput;
 ,
 set(value) 
 this.$store.commit("updateUserInput", value);
 

Then in .store there is a getter that just returns value and a mutation like this:

updateUserInput: (state, newUserInput) => 
 state.userInput = newUserInput;

vuex

share|improve this question

edited Mar 10 at 12:40

Mr Lister

35.5k1078121

asked Mar 8 at 22:28

Luis RodriguezLuis Rodriguez

457

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  can you provide more details - what exactly is happening? and if you can share the entire store.js file it will be much easier to help you
  
  – Efrat
  Mar 10 at 15:30
  
  

  
  
  
  

add a comment | 

I've followed the model of using get and then set within a computed property to make vmodel work with Vuex and the input of <textarea> but something isn't working and I'm not sure what it is.

I've got:

<textarea
 class="text-area size19"
 rows="10"
 v-model="userInput"
 aria-label="With textarea"
 placeholder="The more keywords you add, the better..."
 ></textarea>

 computed: 
 userInput: 
 get() 
 return this.$store.getters.userInput;
 ,
 set(value) 
 this.$store.commit("updateUserInput", value);
 

Then in .store there is a getter that just returns value and a mutation like this:

updateUserInput: (state, newUserInput) => 
 state.userInput = newUserInput;

vuex

share|improve this question

edited Mar 10 at 12:40

Mr Lister

35.5k1078121

asked Mar 8 at 22:28

Luis RodriguezLuis Rodriguez

457

<textarea
 class="text-area size19"
 rows="10"
 v-model="userInput"
 aria-label="With textarea"
 placeholder="The more keywords you add, the better..."
 ></textarea>

 computed: 
 userInput: 
 get() 
 return this.$store.getters.userInput;
 ,
 set(value) 
 this.$store.commit("updateUserInput", value);
 

updateUserInput: (state, newUserInput) => 
 state.userInput = newUserInput;

share|improve this question

edited Mar 10 at 12:40

Mr Lister

35.5k1078121

asked Mar 8 at 22:28

Luis RodriguezLuis Rodriguez

457

share|improve this question

edited Mar 10 at 12:40

Mr Lister

35.5k1078121

asked Mar 8 at 22:28

Luis RodriguezLuis Rodriguez

457

edited Mar 10 at 12:40

Mr Lister

35.5k1078121

edited Mar 10 at 12:40

Mr Lister

35.5k1078121

asked Mar 8 at 22:28

Luis RodriguezLuis Rodriguez

457

asked Mar 8 at 22:28

Luis RodriguezLuis Rodriguez

457

1 Answer
1

active

oldest

votes

0

My guesses here are

either:

updateUserInput: (state, newUserInput) => 
 Vue.set(state, 'userInput', newUserInput)

or:

getters: 
 userInput(state)return state.userInput
,

but actually

computed: {
 userInput: 
 get: funciton()
 return this.$store.state.userInput
 ,
 set: function(newVal)
 this.$store.commit('updateUserInput', newVal)
 

share|improve this answer

answered Mar 14 at 23:34

EstradiazEstradiaz

6316

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55071881%2fvmodel-with-vuex-not-binding%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

0

My guesses here are

either:

updateUserInput: (state, newUserInput) => 
 Vue.set(state, 'userInput', newUserInput)

or:

getters: 
 userInput(state)return state.userInput
,

but actually

computed: {
 userInput: 
 get: funciton()
 return this.$store.state.userInput
 ,
 set: function(newVal)
 this.$store.commit('updateUserInput', newVal)
 

share|improve this answer

answered Mar 14 at 23:34

EstradiazEstradiaz

6316

add a comment | 

0

My guesses here are

either:

updateUserInput: (state, newUserInput) => 
 Vue.set(state, 'userInput', newUserInput)

or:

getters: 
 userInput(state)return state.userInput
,

but actually

computed: {
 userInput: 
 get: funciton()
 return this.$store.state.userInput
 ,
 set: function(newVal)
 this.$store.commit('updateUserInput', newVal)
 

share|improve this answer

answered Mar 14 at 23:34

EstradiazEstradiaz

6316

add a comment | 

My guesses here are

either:

updateUserInput: (state, newUserInput) => 
 Vue.set(state, 'userInput', newUserInput)

or:

getters: 
 userInput(state)return state.userInput
,

but actually

computed: {
 userInput: 
 get: funciton()
 return this.$store.state.userInput
 ,
 set: function(newVal)
 this.$store.commit('updateUserInput', newVal)
 

share|improve this answer

answered Mar 14 at 23:34

EstradiazEstradiaz

6316

updateUserInput: (state, newUserInput) => 
 Vue.set(state, 'userInput', newUserInput)

getters: 
 userInput(state)return state.userInput
,

computed: {
 userInput: 
 get: funciton()
 return this.$store.state.userInput
 ,
 set: function(newVal)
 this.$store.commit('updateUserInput', newVal)
 

share|improve this answer

answered Mar 14 at 23:34

EstradiazEstradiaz

6316

answered Mar 14 at 23:34

EstradiazEstradiaz

6316

answered Mar 14 at 23:34

EstradiazEstradiaz

6316