Как скрыть элементы при печати документа ⇐ CSS

[Anonymous]

Я работаю в vue framework и сейчас работаю над печатью веб-страниц для своего приложения. Мне нужно решение для одного условия. Я рассмотрел это ниже.

Код: Выделить всё

this text should  be none when printing . if the section1 is none in screen.



var vue_det = new Vue({
el: '#intro',
data: {
timestamp: ''
},
created() {

},
methods: {
printWindow() {
const curURL = document.location.href;
history.replaceState(history.state, '', '/');
const originalTitle = document.title;
document.title = '. ';
window.print();
document.title = originalTitle;
history.replaceState(history.state, '', curURL);
},

computed: {
noprint() {
const printicon = document.getElementById('printReport_AId');
if (printicon.style.display === 'none') {
return true;
}
return false;
},
}

}
});


.non-print-css {
// i have to set the display none for logo when its printed.
}

У меня есть два класса div

• section1
• логотип.

условие:

• Если в разделе 1 ничего не отображается, то при печати страницы логотип
  не должен печататься.
  
  Я добавил условие в вычисление, чтобы проверить, является ли отображение раздела
  none. Если оно истинно, он должен выполнить CSS, где мы установили @print.
  Отображение логотипа отсутствует.
  
  Мне нужно подходящее решение либо в css, либо в js

Подробнее здесь: https://stackoverflow.com/questions/573 ... a-document