Поймать реквизит сведения об изменении компонентов в Vue и JS


Поймать реквизит сведения об изменении компонентов в Vue и JS

02.12.2020 07:05:44 Просмотров 45 Источник

Я создал модальный компонент коробки и передаю ему данные с помощью реквизита. в этом компоненте я хочу поймать эти данные реквизита в метод vue data() только тогда, когда модал открыт(показан). Как я могу это сделать?

Один из методов, который я сделал, который работал, использует событие updated(), как показано ниже кода, но понял, что он работает глобально, а не только при обновлении компонентов.

export default {
  props: ['widget_data'],

  data() {
    return {
      new_data: {},
    }
  },

  methods: {
    hideMe() {
      this.$emit('closeClicked')
    },
    saveMe() {
      this.$emit('saveClicked')
    },
  },

  updated() {
    this.new_data = this.widget_data
  },
}
У вопроса есть решение - Посмотреть?

Ответы - Поймать реквизит сведения об изменении компонентов в Vue и JS / Catch props data on component change in Vue JS

Является ответом!
Aliasgher Nooruddin

02.12.2020 07:12:23

вы можете передать реквизит наблюдателям vue

 watch: {
   widget_data: function (val) {
     //here you can put logic to save updated value to data method
   }
 }
Помочь в развитии проекта:
Закрыть X