vue内使用electron内的API

落日映苍穹つ 2022-12-27 01:59 138阅读 0赞

## vue内使用electron内的API ##

### 方法一： ###

vue\_electron.js

const electron = require('electron')
    
    module.exports = { 
      install: function (Vue) { 
        Object.defineProperties(Vue.prototype, { 
          $electron: { 
            get () { 
              return electron
            },
          },
        })
      },
    }

// main.js vue主文件
    import Vue from 'vue'
    import VueElectron from './vue_electron.js'
     
    Vue.use(VueElectron)

// .vue 文件内使用如下：
    export default { 
      methods: { 
        getName () { 
          return this.$electron.remote.app.getName()
        }
      }
    }

### 方法二： ###

// main.js electron主文件
    import {  app, BrowserWindow } from 'electron'
    
    function createWindow() { 
      mainWindow = new BrowserWindow({ 
        webPreferences: { 
          nodeIntegration: true,  //web开启主进程中集成node
        }
      })
    }
    app.on('ready', createWindow)

**.vue文件项目中引入：**  
`(此引入打包成exe后生效)` 浏览器调试vue页面时此功能无效

<script>
    var remote = window.require('electron').remote
    export default { }
    </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，138人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue内置组件

Vue内置组件 * component * transition * transition-group * keep-alive * includ...

布满荆棘的人生/ 2024年04月17日 06:01/ 0 赞/ 75 阅读

相关 Vue--获取Vue内置的属性

原文网址：[Vue--获取Vue内置的属性\_IT利刃出鞘的博客-CSDN博客][Vue--_Vue_IT_-CSDN] 简介本文介绍如何获取Vue的一些内置属性。

港控/mmm°/ 2023年09月28日 21:01/ 0 赞/ 10 阅读

相关 Vue｜内置指令

![968f4c3a9001403aaa609f4e85ac2933.gif][] > Vue的内置指令是带有v-前缀的特殊属性，它的作用是当表达式的值改变时将其一系列连带影

清疚/ 2023年09月27日 19:26/ 0 赞/ 29 阅读

相关 Vue内置指令

Vue内置指令参考：https://cn.vuejs.org/v2/api/\指令 1.v-html内容按普通 HTML 插入，可防止 XSS 攻击 2.v-sho

以你之姓@/ 2023年06月22日 13:47/ 0 赞/ 30 阅读

相关 vue内使用electron内的API

vue内使用electron内的API 方法一： vue\_electron.js const electron = require('electron'

落日映苍穹つ/ 2022年12月27日 01:59/ 0 赞/ 139 阅读

相关 Electron使用指南——共享API (Shared API)

特性和技巧本节我们来学习一下 `Electron` 其他特性和使用技巧。 1、Offscreen 渲染 // Modules const {ap

素颜马尾好姑娘i/ 2022年12月02日 00:43/ 0 赞/ 204 阅读

相关 vue-electron的使用

安装 npm i vue-cli -g vue init simulatedgreg/electron-vue my-project //安装依赖并

短命女/ 2022年09月09日 11:00/ 0 赞/ 184 阅读

相关 vue v-for内使用方法

> `<span v-for='(item,index) in line' :value="item.lineName" :key="item.lineName

谁践踏了优雅/ 2022年04月24日 01:08/ 0 赞/ 128 阅读

相关 Vue内置指令

1、v-bind：响应并更新DOM特性；例如：v-bind:href v-bind:class v-bind:title 等等主要用法是绑定属性，动态更新HTML元素

布满荆棘的人生/ 2021年09月27日 13:36/ 0 赞/ 410 阅读

相关 Electron页内查找模块介绍（代码示例）

Electron页内查找模块介绍（代码示例）实现Electron app页内按关键字查找匹配文本的功能特征依赖于Electron的findInPage API 支持...

小灰灰/ 2020年06月10日 14:07/ 0 赞/ 988 阅读