Necesito completar las entradas del formulario automáticamente en html, pero el objetivo no tiene nombre ni identificación. Así que estoy probando este código JavaScript

 document.querySelectorAll("input")[3].value = 'Alex'; // firstname

Completando este comando de entrada, pero si trato de hacer clic en otras entradas, el sistema borra el valor de mis entradas

Este es el código de entrada html

 <div class="input-item" placeholder="enter your name" data-v-123123=""> <label class="label"> <!---->name:</label> <input autocomplete="off" class="red" placeholder="" type="text"> <p class="errors"> <ul><li>» name is required </li></ul> </p> </div>

Este es el código vuejs

 <input-element ref="first_name" :validations="['requiredMin(2)', 'max(25)', 'fa']" :label="is_personal ? 'name' : 'company name'" :placeholder="is_personal" v-model="api_data.first_name" />