使用electron-vue 自定义右键菜单栏

使用electron-vue 自定义右键菜单栏,第1张

直接贴代码


```bash
created () {
    const {remote, clipboard} = this.$electron
    const {Menu, MenuItem} = remote
    const menu = new Menu()
    // 添加菜单项
    menu.append(
      new MenuItem({
        label: '复制',
        type: 'normal',
        // 为菜单项指定了role,就不能使用click自定义解释该行为;而是使用role 提供的原生体验
        role: 'copy', 
        // 绑定快捷键
        accelerator: 'ctrl+c' 
      })
    )
    menu.append(
      new MenuItem({
        label: '粘贴12',
        accelerator: 'ctrl+v',
        click: function () {
          clipboard.writeText('demo5-ceshi', 'selection')
          console.log(clipboard.readText('selection'))
        }
      })
    )
    menu.append(
      new MenuItem({
        type: 'separator'
      })
    )
    menu.append(
      new MenuItem({
        label: '默认',
        type: 'checkbox',
        checked: true
      })
    )
    window.oncontextmenu = function (e) {
      console.log(e.target.dataset.md)
      // 这里只在特定的位置点击才d出菜单栏
      if (e.target.dataset.md) {
        e.preventDefault()
        menu.popup({
          window: remote.getCurrentWindow()
        })
      }
    }
  },

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1320964.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-11
下一篇 2022-06-11

发表评论

登录后才能评论

评论列表(0条)

保存