@asferot

Шаблон для распечтки страницы?

Как можно сделать print определенной области страницы на vue?
Сделал вот так, но print идет без css только голый html. Как это можно починить?
<div id="printableArea"> текст </div>
<a @click="printPageArea('printableArea')">Print</a>

methods: {
        printPageArea(areaID){
            var printContent = document.getElementById(areaID);
            var WinPrint = window.open('', '', 'width=900,height=650');
            WinPrint.document.write(printContent.innerHTML);
            WinPrint.document.close();
            WinPrint.focus();
            WinPrint.print();
            WinPrint.close();
        }
     },
  • Вопрос задан
  • 541 просмотр
Решения вопроса 1
coderisimo
@coderisimo
Правило media позволяет указать тип носителя, для которого будет применяться указанный стиль


Просто напишите нужный стиль для печати
https://habr.com/ru/post/160997/
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы