Как заполнить input value, используя vue js?

Question

[semki096]

image - это объект, я хочу вывести имя файла в input, используя image. Но так не получается:

<input type="text" name='file_name[]' v-model="image.name" value="">
<script>
            new Vue({
                el: '#app',
                data: {
                    image: [],
                ..........

Я могу в data вывести имя файла, но ведь это дублирование. И вообще, правильно ли я строю этот input? Буду благодарен за помощь.

Answer 1

[Алексей Ярков]

image - это объект

А у вас массив.

Comments

[semki096]

Да я не совсем правильно написал. Я имел ввиду что если так

<input type="text" name='file_name[]' v-model="image" value="">

то в поле выведется [object Object]

[Алексей Ярков]

semki096, ну вполне ожидаемо

Answer 2

[Денис Базарнов]

Используйте v-bind ? Например: v-bind: value= имя файла

Comments

[semki096]

Аналогично - такая же проблема. Вне формы такая конструкция работает {{ image.name }} а в input-е {{ v-bind: value= 'image.name' }} нет.

[Денис Базарнов]

Ну-ка покажи весь тег input ?

[Алексей Ярков]

semki096, откуда взялся image.name, если image это массив? Тут как минимум image[0].name.

[semki096]

Алексей Ярков, Денис Базарнов,

да, гдето я чтото упустил, {{ image.name }} перестал тоже работать, это скорее всего моё упущение гдето в другом месте, но вот код

<tr v-for="(img, i) in image">
        <td>{{ image.name }}</td>                                     
        <td><input type="text" name='file_name[]' v-model="image.name" value=""></td>
    </tr>

[Алексей Ярков]

semki096, ну так {{ img.name }} же, а не {{ image.name }}

[semki096]

Алексей Ярков, точно спасибо