vue集成右键菜单参考的
Vue 原生右键菜单组件 - SegmentFault 思否
Vue----右键弹出菜单(vue-contextmenu)_xyy1234567891的博客-CSDN博客
本来想自己实现右键菜单,奈何水平不够(其实是懒得写)
写复制的时候往剪切板写数据遇到问题了,网上找也没找到怎么写,最后参考了Clipboard.readText() - Web API 接口参考 | MDN (mozilla.org)
还是官方文档给力,
this.sendData 是给后台发送的,自己改成自己的就可以了
还是需要善于分享自己的东西,每次分享的时候总能发现自己的问题,不说了,要改bug去了
onContextmenu(event) {
this.$contextmenu({
items: [
{
label: '复制', divided: true,
onClick: () => {
if (!this.term) { return }
navigator.clipboard.writeText(this.term.getSelection())
}
},
{
label: '粘贴', divided: true,
onClick: () => {
if (!this.term) { return }
navigator.clipboard.readText().then(clipText => {
this.sendData(clipText)
this.term.focus()
})
}
},
{
label: '清屏', divided: true,
onClick: () => {
if (!this.term) { return }
if (!this.ws) { return }
this.sendData('clear\r')
}
}
],
event,
// x: event.clientX,
// y: event.clientY,
customClass: 'contextmenu-custom-class',
zIndex: 3000,
minWidth: 195
})
return false
},