How to update the Vue form field through the DOM?

Question

I need to update field data through an external script. For this I need to know if it is possible to update the data through the DOM.

I tried to do it directly through the Store, but in my case it doesn't work.

Example

window.document.getElementsByClassName('el-input__inner')[0].value = 10

SC Kim · Accepted Answer · 2020-07-11 06:59:05Z

1

you can use ref for similar to querySelector reference in SFC.

in <template>:

<input type="text" ref="thisRef" name="textfield_1"/>

in <script> methods call:

this.$refs.thisRef[0].value = 10

Other than that, there's v-model for data binding.

hope helps

answered Jul 11, 2020 at 6:59

SC Kim

6004 silver badges14 bronze badges

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

1 Answer 1