Установка значения в вычисленное значение

Я пытаюсь установить входное значение в vue-formulate, которое является вычисляемым значением. Значение вычисляется (проверьте консоль), но не устанавливается в качестве входного значения.

Код воспроизведения — https://codesandbox.io/s/vue-formulate-reproduction-template-forked-j9jtc?file=/src/App.vue


vue.js vue-formulate
person Manu J    schedule 07.01.2021    source источник
comment
ваше вычисляемое свойство всегда возвращает значение null. Так что это не работает   -  person tuhin47    schedule 07.01.2021

Ответы (1)


arrow_upward
0
arrow_downward

Вам нужно v-model вычисляемое свойство с FormulateInput вместо одностороннего связывания value. Здесь codesandbox

<FormulateInput
                name="lmp_mcp_difference"
                type="number"
                v-model="days_difference"
                label="Difference of days between LMP and Registration Date"
              />

Для обновления свойства values вам необходимо назначить values, так как оно потеряло реактивность из экземпляра vue. Обновлен коды и песочница

person tuhin47    schedule 07.01.2021
comment
Он нулевой только изначально. Когда даты выбраны, значение вычисляется. Вы можете увидеть вывод консоли здесь — tppr.me/cpFl4 - person Manu J; 07.01.2021
comment
Я отредактировал свой ответ. пожалуйста, проверьте - person tuhin47; 07.01.2021
comment
v-модель не работает, потому что исходный объект values не обновляется более одного раза tppr.me/tk3Eo Пожалуйста, используйте полное приложение для воспроизведения, которым я поделился, чтобы проверить свой ответ. - person Manu J; 08.01.2021
comment
обновить мой ответ. пожалуйста, проверьте - person tuhin47; 08.01.2021
comment
Использовал отдельный v-model и часы на нем вместо мутации values в функции - codesandbox.io/s/ Мне больше нравится такой подход - person Manu J; 02.02.2021