Я пытаюсь загрузить несколько файлов с vue js. проблема в том, что каждый раз, когда я выбираю файл, он попадает в поле ввода, но исчезает при переходе в другое событие. V-модель никогда не получает эти конкретные данные. Как я могу просто получить значение конкретного поля ввода. Как видно, но не знаю, как это получить. пожалуйста, просто помогите мне получить конкретное значение, которое видно внутри поля ввода ниже, это некоторые из моих кодов
<input v-model="formData.docs[index].image" :id="'image' + index" :name="'image' + index" type="text" placeholder="Enter file" class="form-control">
<div class="input-group-append">
<select name="file_type" form="carform" class="form-control input-lg dynamic">
<option value="$">pdf</option>
<option value="t">doc</option>
</select>
</div>
<div class="input-group-append">
<a v-on:click="openPopup(index)" class="btn btn-outline-secondary" type="button">Browse</a>
</div>
<div class="input-group-append">
<button type="button" class="btn-success" @click="addKeyValuePair()">Add More</button>
</div>
вот моя vue функция для всплывающего файлового менеджера
openPopup: function (index) {
let url = 'http://127.0.0.1:8000/admin/plugins/filemanager/dialog.php?type=0&popup=1&field_id=image'+index;
var w = 880;
var h = 570;
var l = Math.floor((screen.width-w)/2);
var t = Math.floor((screen.height-h)/2);
var win = window.open(url, 'ResponsiveFilemanager', "scrollbars=1,width=" + w + ",height=" + h + ",top=" + t + ",left=" + l)
alert(document.getElementById('image'.index))
},