如何处理 vue.js 中的粘贴（Ctrl v 或鼠标）事件？

Question

在我的 vue.js 应用程序的文本区域粘贴某些内容时，我需要调用一个函数。在这种情况下，我应该在哪种情况下调用我的函数？

原文由 LJP 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以简单地使用 paste 事件：

 <textarea @paste="onPaste"></textarea>

...
  methods: {
    onPaste (evt) {
      console.log('on paste', evt)
    }
  }
...

这不是特定于 vue 的事件。请参阅 https://developer.mozilla.org/en-US/docs/Web/Events/paste

原文由 CodinCat 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

使用 Vue 2.6 中的 onPaste 方法， evt.target.value 为空。要获取文本值，请使用：

   methods: {
    onPaste (evt) {
      console.log('on paste', evt.clipboardData.getData('text'))
    }
  }

原文由 kiatng 发布，翻译遵循 CC BY-SA 4.0 许可协议