<chat-message ...>
должен быть прописан в шаблоне текущего компонента с v-for директивой, а по событию нужно добавлять данные в массив в состоянии. Прямая работа с DOM не приветствуется, тем более здесь она вообще не в тему. Смотрите документацию по Vue.js function calculateTotalPrice(distance, rates) {
let sum = 0;
let lastCheckpoint = 0;
for(let [boundDistance, pricePerKm] of rates) {
if (distance < boundDistance) return sum + (distance - lastCheckpoint) * pricePerKm;
sum += (boundDistance - lastCheckpoint) * pricePerKm;
lastCheckpoint = boundDistance;
}
}
var pricePerKm = 0.5;
calculateTotalPrice(2100, [[1000, pricePerKm ], [2000, pricePerKm *0.9], [Infinity, pricePerKm*0.8]])
var origBody = document.body;
document.body = yourTargetParent;
const webgl = new Kgl...
document.body = origBody;
const el = document.querySelector('.element');
const wrapper = document.querySelector('.wrapper');
window.addEventListener('scroll', () => {
const wrapperBox = wrapper.getBoundingClientRect();
const elBox = el.getBoundingClientRect();
const isInside = elBox.top > wrapperBox.top && elBox.bottom < wrapperBox.bottom;
el.style.opacity = isInside ? 1 : 0;
});
transition: opacity 0.3s;
opacity: 0;