Блог

Главная - Вопросы по программированию - Как мне передать идентификатор реквизита другому компоненту?

Как мне передать идентификатор реквизита другому компоненту?

#vue.js #vuejs2 #vue-component #vuex #vuejs3

#vue.js #vuejs2 #vue-компонент #vuex #vuejs3

Вопрос:

Это мой компонент панели администратора. Где я создаю форму с именем рецепта и идентификатором. Я хочу отобразить его на другой панели, но я не знаю, как мне передать идентификатор другому компоненту для отображения данных. Идентификатор uuid в json.

Я получаю эту ошибку на другой панели

 {"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
    });

Комментарии:

1. сохраните идентификатор в вашем объекте данных, а затем передайте реквизит другому вашему компоненту, например <Other-Component:id=»id»/>, а затем в другом компоненте выполните реквизит:{ id:{ type:string, } } <p>{{props.id }}>

2. Но как я могу это сделать, я возвращаю массив и передаю в recipeItems . Это не компонент, а массив

3. можете ли вы предоставить более подробную информацию о компоненте, которому вы хотите передать идентификатор, и где вы получаете ошибку

4. Я перехожу из панели администратора на другую веб-панель, идентификатор рецепта и имя. Я хочу отобразить имя рецепта в виде списка массива в моей таблице. Но это не работает, потому что нет идентификатора