时间戳

首页 > 解决方案 > .sync 修饰符在 VueJS 中没有按预期工作

vue.js - .sync 修饰符在 VueJS 中没有按预期工作

问题描述

链接：代码沙盒

我有一个object：

UnitData: {
  FirstName: null,
  LastName: null,
  Department: null,
  OvertimeRate: null,
}

而且我有一个组件，AddEmployee.vue其中包含一个带有 2 个步骤的 vuetify v-stepper，每个步骤都包含一个组件，BasicInfo.vue并且JobInfo.vue两个组件都具有与上述对象相同的道具unit-data并绑定到上述对象，因为在我编写:unit-data.sync="UnitData"的两个组件中以及在两者中我有的组件。在步进器没有。1 当我在文本字段中写入内容时，主要对象发生了变化，但是当我进入第 1 步时。2 第二个组件没有改变它只是改变成它自己的主要对象。如果我直接去步骤没有。2 然后主要对象根据该组件的数据更改，然后如果我转到第 2 步。从第 1 步开始。2 然后主要对象保持不变，我无法弄清楚问题，有什么建议吗？created()this.$emit('update:unit-data', this.UnitData);UnitData: this.$props.unitDataUnitData

我不能制作两个对象，我必须使用一个对象。

标签： vue.js

解决方案

推荐阅读