@asferot

Как можно вывести актуальный курс валют на vue?

Как можно вывести актуальный курс валют на vue.js?
Есть такие пример, как обратиться по api?
<div id="USD">Доллар США $ — 00,0000 руб.</div>
<div id="EUR">Евро € — 00,0000 руб.</div>

<script>
function CBR_XML_Daily_Ru(rates) {
  function trend(current, previous) {
    if (current > previous) return ' ▲';
    if (current < previous) return ' ▼';
    return '';
  }
	
  var USDrate = rates.Valute.USD.Value.toFixed(4).replace('.', ',');
  var USD = document.getElementById('USD');
  USD.innerHTML = USD.innerHTML.replace('00,0000', USDrate);
  USD.innerHTML += trend(rates.Valute.USD.Value, rates.Valute.USD.Previous);

  var EURrate = rates.Valute.EUR.Value.toFixed(4).replace('.', ',');
  var EUR = document.getElementById('EUR');
  EUR.innerHTML = EUR.innerHTML.replace('00,0000', EURrate);
  EUR.innerHTML += trend(rates.Valute.EUR.Value, rates.Valute.EUR.Previous);
}
</script>
<script src="//www.cbr-xml-daily.ru/daily_jsonp.js" async></script>
  • Вопрос задан
  • 983 просмотра
Решения вопроса 1
Vlad_IT
@Vlad_IT
Front-end разработчик
В mounted определяем обработку события getrates, и из вне ее дергаем, т.к. также определяем функцию CBR_XML_Daily_Ru, в ней дергаем событие getrates. Можно создать глобальный EventBus, а можно использовать текущего экземпляра компонента.
Пример
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы