Я хочу сделать скриншот на карте Google Maps. Я реализую код библиотеки по умолчанию и получаю следующую ошибку в консоли. Неперехваченный (в обещании) Предоставленный элемент не находится в документе. Он пытался реализовать обещание с помощью .then, но это тоже не работает. Я не знаю, понята ли проблема.
Я оставляю код здесь ниже
HTML
<template>
<div>
<div ref = "printMe">
<h1>Print me!</h1>
</div>
<img :src = "output">
</div>
<template>
COMPONENT.VUE
<script>
export default {
data() {
return {
output: null
}
},
methods: {
async print() {
const el = this.$refs.printMe;
const options = {
type: 'dataURL'
}
this.output = await this.$html2canvas(el, options);
}
}
}
</script>
Показываю ошибку Неперехваченный (в обещании) Предоставленный элемент не находится в документе



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


У вас есть ошибка шаблона, которая останавливает визуализатор Vue </template>.
<template>
<div>
<div ref = "printMe">
<h1>Print me!</h1>
</div>
<img :src = "output">
</div>
</template>
Тогда я должен <h1 @click = "print">напечатать меня!</h1> ? @kb_
Пример холста jsfiddle.net/mani04/r4mbh6nu vue konova codeandbox.io/s/github/konvajs/site/tree/master/vue-demos/…
спасибо за ответ. Но я все равно не вижу вины. ¿Мне нужно вставить @click в <h1 @click = "print">Распечатать меня!</h1>, чтобы сделать захват? Я пробовал, но все равно не получается