vue changing selected option by js, using v-model

Question

How to control the selected value in a v-modeled select tag in vue.js?

I made a jsFiddle demo, this demo does not work, and expressed my question:

vm.$set('selected', '1') // not work!
vm.select('1') // not work!

I want to change selected to make the option to be changed when the js codes was executed.

tony19 · Accepted Answer · 2022-07-15 00:29:08Z

1

Did you try vm.selected = 1 for example?

https://v2.vuejs.org/v2/guide/instance.html#Data-and-Methods

edited Jul 15, 2022 at 0:29

tony19

140k23 gold badges281 silver badges354 bronze badges

answered Dec 28, 2021 at 12:10

Ilijanovic

15k4 gold badges29 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

cmal Over a year ago

jsfiddle.net/cmal/deLvksm4 It does not work.

Ilijanovic Over a year ago

@cmal it works... if you open the console you see that vm.$set('selected', '1') is producing an error so the next line does not work. if you remove this line it works

Collectives™ on Stack Overflow

vue changing selected option by js, using v-model

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related