yh-window

1.0.9 • Public • Published

功能介绍

主要针对electron-vue做的插件,必在electron-vue的基础上使用,针对electron-vue中打开新的无边框窗口缓慢、传参困难等问题做的优化,安装方式简单、使用简单

安装步骤

首先安装electron-vue 然后安装此插件执行如下操作

npm i -S electron-vue-windows

在renderer/main.js里初始化加入以下代码

import Win from 'electron-vue-windows'
Win.init()
Vue.prototype.$Win = Win

然后新建一个backGround.vue文件,内容如下

<template>
    <div></div>
</template>
<script>
export default {
  name: 'backGround',
  data () {
    return {
    }
  },
  methods: {
  },
  mounted: function () {
    this.$Win.changePath(this)
  }
}
</script>
<style>
</style>

把该vue文件加入根路由下

export default new Router({
  routes: [
    {
      path: '/backGround',
      name: 'backGround',
      component: require('@/components/backGround').default
    }
  ]
})

使用插件

index.vue

let data = await this.$Win.openWin({
    width: 700, // 窗口宽
    height: 600, // 窗口高
    router: '/user', // 路由
    data: {id: 1}, // 传送数据 
    name: 'user' // 窗口名称
})
console.log(data) // 新窗口返回的数据 {value: 2}

user.vue // 获取传入的参数

let data = this.$Win.getParameter()
console.log(data) // {id: 1}

// 返回数据并关闭当前窗口

let data = {value: 2}
this.$Win.closeWin(data)

API介绍

Dependencies (0)

    Dev Dependencies (3)

    Package Sidebar

    Install

    npm i yh-window

    Weekly Downloads

    1

    Version

    1.0.9

    License

    ISC

    Unpacked Size

    17.1 kB

    Total Files

    4

    Last publish

    Collaborators

    • page317