0

В родительском компоненте я объявил модель currencies как пустой массив и на хуке created я с помощью fetch записываю в модель некоторые данные и хочу отправить модель к далекому компоненту, но возникает проблема, так как передается изначальное значение currencies, а не обновленное на хуке. Пробовал гуглить, информации именно под мой случай нет, только для composition API. Буду благодарен за ответ. Код ниже. Документацию я читал и их вариант мне не подходит, так как в главном компоненте нет объекта Vue и js на это очень сильно ругается

import AppBtnList from "./components/AppBtnList.vue";
import AppDisplay from "./components/AppDisplay.vue";

export default {
  components: { AppDisplay, AppBtnList },
  name: "App",
  data() {
    return {
      currencies: []
    };
  },
  provide() {
    return {
      currencies: this.currencies,
    };
  },
  computed() {},
  created() {
    fetch("https://www.cbr-xml-daily.ru/latest.js")
      .then((data) => data.json())
      .then((data) => {
        try {
          this.currencies = data.rates;
        } catch (e) {
          console.error(e);
        }
      });
  },
};
</script>```
5
  • По умолчанию данные, передаваемые через provide не реактивные. Их надо такими делать специально
    – Talleyran
    26 авг 2022 в 22:19
  • Я читал документацию, но в моем случае при создании Vue.computed функции внутри provide вылезает ошибка о том что Vue не опознан, а как передать объект Vue в главный компонент я не знаю
    – Daskis
    26 авг 2022 в 22:27
  • просто импортировать
    – Talleyran
    26 авг 2022 в 22:40
  • Попробуйте заменить this.currencies = data.rates на this.currencies.splice(0, this.currencies.length, ...data.rates) так вы будете мутировать оригинальный массив, который провайдится
    – Anynomius
    26 авг 2022 в 22:40
  • Не работает, теперь ошибка Found non-callable @@iterator
    – Daskis
    27 авг 2022 в 8:50

0

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Посмотрите другие вопросы с метками или задайте свой вопрос.