Vue.js - 双向绑定无法正常工作。在组件中更改时，数据不会更新

Question

我有一个＆＃39; Builder＆＃39;我正在传递一个名为＆＃39; formula＆＃39;的变量。到那个组件，但这个变量在＆＃39; Builder＆＃39;组件不会在当前组件中更新。

<builder :formula="formula"
    :columns="columns"
    :result_type="result_type">
</builder>

当我提交表格时，＆＃39;公式＆＃39;变量是一样的。

Answer 1

试试这个

<builder :formula.sync="formula"
    :columns="columns"
    :result_type="result_type">
</builder>

Answer 2

与在VueJS 2 .sync中一样 - 已弃用2路绑定，您必须以不同方式处理它。 https://vuejs.org/v2/guide/migration.html#once-and-sync-Modifiers-on-v-bind-removed

您必须发出this.$emit('formulaChange', formula)等事件，并使用@formulaChange=yourHandler(formula)

在父组件中收听它们