将值设置为计算值

Question

我尝试在vue-formulate中设置一个输入值，这是一个计算值。该值被计算(检查控制台)，但它没有被设置为输入值。

复制码- https://codesandbox.io/s/vue-formulate-reproduction-template-forked-j9jtc?file=/src/App.vue

Answer 1

您需要使用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 instance.Updated codesandbox中失去了反应性