Vue.js vue，js从另一个vue文件中填写表单

我有一个名为Main.vue的文件，在其中我导入了其他2个vue文件（Table.vue和Form.vue）。一个表格和一个表单显示在两个不同的选项卡中。 我努力实现的目标是：

如果我在表格的一行按下编辑按钮，我想用行数据填充表格

我所做的是：

1） 按编辑按钮从行中检索数据

2） 调用Table.vue-editData（）中的函数

3） 在editData（）中，我调用Form.vue-editRecord（modeleEdit）中的另一个函数，在其中传递行的数据

按下编辑按钮调用Table.vue中的函数，此方法调用Form.vue中传递数据的另一个方法

这是Table.vue中的方法：

editData(){
      form.methods.editRecord(
        JSON.stringify(this.selected, undefined, 4)
      );

这是Form.vue中的方法

editRecord(modelEdit) {
  let self = this;
  self.model = modelEdit;
  console.log("model", self.model);
}

模型填写正确，但表单为空

为了进行测试，我在Form.vue中添加了一个按钮来调用此函数（在Form.vue中）：

在这种情况下，表单将填充testModel（）中的数据。 但如果我从Table.vue调用此方法，它将不起作用

表单是从json模式自动生成的（我使用vue表单生成器）

。。。
...   
导出默认值{
数据（）{
返回{
型号：{}，
模式：jsonschema，
...

---

我希望很清楚……有什么提示吗？

您从哪里获得EditData中的

表单变量

的？请参阅一节，了解如何正确执行此操作的提示。表单变量的检索方式如下：从“@/components/myComponent/form”导入表单；我不需要子引用。我不是父-子引用，而是子-子引用

testModel() {
  this.model = {
    "formField1": "Test1",
    "formField2": "Test2"
  }
  }

...
    <vue-form-generator :schema="schema" :model="model" :options="formOptions">
 ...   
    export default {
      data() {
        return {
          model: {},
          schema: jsonschema,
    ...