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

score 1 · Accepted Answer · answered Jul 11 '20 at 06:59

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

1 Answers1