小编Aym*_*SIA的帖子

listener在 Vue 应用程序中，我在a 上粘贴了一个内容textarea，目的是当用户将数据粘贴到该字段时运行验证代码。当我记录粘贴事件时，我可以在控制台中看到粘贴到字段中的数据位于event -> target -> value. 但我似乎无法访问它event.target.value。我究竟做错了什么？

最小的例子：

<div id="app">
  <textarea name="myField" @paste="onPaste"></textarea>
  <p>Field name: {{ fieldName }}</p>
  <p>Pasted data: {{ pasted }}</p>
</div>

var app = new Vue({
  el: '#app',
  data: {
    fieldName: '',
    pasted: ''
  },
  methods: {
    onPaste(event){
        console.log(event)
        this.message = event.target.name
        this.paste = event.target.value
    }
  }
})

https://jsfiddle.net/feg8pcmv/

实际上我正在使用ngx-print npm 库来打印我的div，它工作正常，唯一的问题是它没有像真实的那样显示背景颜色：

我的 HTML 代码：

<div class="hover-div">
    <button mat-button class="title-div" printSectionId="card-container" 
         printTitle="professionalcard" [useExistingCss]="true" ngxPrint>
            <div fxLayout="row">
                <mat-icon class="preview-icon">print</mat-icon>
                <div>print</div>
            </div>
     </button>
</div>

以前有人遇到过这个问题吗？，如果是的话，解决办法是什么，谢谢。

注意：div我也尝试在不使用库的情况下打印，使用window.print()，并且我总是遇到同样的问题。

我正在尝试使用 anglat 打印页面，window.print();一切正常，所有其他 css 工作正常，唯一的问题是背景颜色没有显示在可打印文档中，我附上了 StackBlitz 示例，所以：以前有人遇到过这个问题吗？，如果是的话，解决办法是什么，谢谢。

StackBlitz 示例来自此处

注意：我在 stackoverflow 和其他论坛上做了很多研究，但没有人谈论这个问题。

可打印文件 HTML :

<div class="page-container">
<div class="title-container">Invoice Title</div>
<div class="body-container">
  This is what I'm going to print, everything works fine , but the background color never changes , no matter what i add to css file
</div>
</div>

页面的CSS：

.page-container{
  width: 100%;
  background-color : rgb(216, 23, 23);  // as you can see , background not working 
}
.title-container{
  font-size: 24px;
  width: 100%;
  display: flex;
  flex-direction: …