如何将道具ID传递到另一个组件？

Question

这是我的管理面板组件。我在其中创建带有配方名称和ID的表单。我想在另一个面板中显示它，但是我不知道如何将ID传递给另一个组件以显示数据。 id是json中的uuid。

我在其他面板中遇到此错误

{"recipe_id":["invalid"]}

props: {
    id: {
      type: String,
      default: null,
    },

  methods: {
    ...mapActions({
      setId: "recipe/setId",
      setName: "recipe/setName",
      fetch: "recipe/fetch",
      reset: "recipe/reset",
      persist: "recipe/persist",
    }),
    onSubmit(evt) {
      evt.preventDefault();
      this.persist().then(({ data }) => {
        this.setId(data.id);
        this.$emit("onSaved");
      });
    },

这就是我在不同面板中获取食谱的方式

...mapActions({
      fetchRecipe: "recipe/fetch",

})

mounted()
 this.fetchRecipe().then((data) => {
      this.recipeItems = response.data
    });