Односторонняя привязка к входным данным не работает с объектом

#vue.js

Вопрос:

Я пытаюсь привязать значение свойства объекта к полю inpout, например:

 lt;input type="number" :value="inputData[index][attribute].value" :name="`expense_voucher[line_items_attributes][${index}][${inputData[index][attribute].attribute}]`" ...  

Привязка только :value="testval" с const testval = ref(555) помощью работает просто отлично. Печать свойства также работает и дает правильное значение.

 lt;pgt;Value: {{ inputData[index][attribute].value }}lt;/pgt;  

Также привязка заполнителя работает должным образом. Просто свойства value нет.

inputData является объектом, хранящимся в состоянии Vuex и предоставляемым вычисляемым свойством:

 var inputData = computed(() =gt; {  return cloneDeep(store.getters['expense/getInitForm']) });  

Комментарии:

1. Дайте ссылку на песочницу.

Ответ №1:

Ошибка была с указанным type="number" . Повторите это, чтобы text устранить проблему. Возможно, подготовленные данные из серверной части не соответствовали типу.