Как сгенерировать статическую страницу для печати через vuejs?

Question

[Turtle_Onni]

Здравствуйте!

Интересует следующий вопрос.
Есть приложение на vuejs, по нажатию на кнопку на основе json нужно сформировать статическую страницу и открыть в новой вкладке для печати.
Собственно внутри приложения все формируется, но вместе с другими постоянными элементами(хэдер, футер). Как реализовать генерацию статической страницы для печати и открыть в новом окне?

Comments

[Вадим]

function createPrintPage(htmlString) {
    const w = window.open('print-me', '_blank')
    w.document.write(htmlString)
}

createPrintPage('<h1>Print me title</h1>')

?

Ну или определить для роута, который предназначен для печати, отдельный layout, в котором не будет подключен header и footer.
Ну или стилями скрыть их

[Turtle_Onni]

Вадим, как все просто оказалось то) спасибо!

[Вадим]

Turtle_Onni, Не за что ;-)
Продублировал в ответы, давайте отметим решением, чтобы другие пользователи сервиса видели что тут уже есть ответ.

[Turtle_Onni]

Вадим, да, конечно.

Answer 1

[Вадим]

function createPrintPage(htmlString) {
    const w = window.open('print-me', '_blank')
    w.document.write(htmlString)
}

createPrintPage('<h1>Print me title</h1>')

?

Ну или определить для роута, который предназначен для печати, отдельный layout, в котором не будет подключен header и footer.
Ну или стилями скрыть их