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

Question

semki096 @semki096

Vue.js

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

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

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

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

Вопрос задан более трёх лет назад
1412 просмотров

Комментировать

Подписаться 1 Простой Комментировать

Решения вопроса 2

2 комментария

semki096 @semki096 Автор вопроса
Да я не совсем правильно написал. Я имел ввиду что если так
<input type="text" name='file_name[]' v-model="image" value="">
то в поле выведется [object Object]
Написано более трёх лет назад
Алексей Ярков @yarkov Куратор тега Vue.js

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

Написано более трёх лет назад

6 комментариев

semki096 @semki096 Автор вопроса

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

Написано более трёх лет назад
Денис Базарнов @bazden

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

Написано более трёх лет назад
Алексей Ярков @yarkov Куратор тега Vue.js

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

Написано более трёх лет назад
semki096 @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>
Написано более трёх лет назад
Алексей Ярков @yarkov Куратор тега Vue.js

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

Написано более трёх лет назад
semki096 @semki096 Автор вопроса

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

Написано более трёх лет назад