Как обновить поле формы Vue через DOM?

Question

Как обновить поле формы Vue через DOM?

Мне нужно обновить данные поля с помощью внешнего скрипта. Для этого мне нужно знать, можно ли обновить данные через DOM.

https://codesandbox.io/s/compassionate-feistel-26r4v?file= / src / store. js

Я пытался сделать это напрямую через Магазин, но в моем случае это не работает.

Как вызвать объект VueJs через Chrome Расширение?

Пример

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

Answer 1

вы можете использовать ref для аналогичной ссылке querySelector в SF C.

в <template>:

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

в <script> вызов методов:

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

Кроме этого, есть v-model для привязки данных.

надежда помогает