关闭当前框的弹出层 layer.close(layer.index); 刷新父层 parent.location.reload(); // 父页面刷新 关闭iframe 弹出的全屏层 var index1 = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引 parent.layer.close(index1); //再执行关闭 最后一种 先安装导入(ts项目) // 自定义组件 import layer from "vue-l

好久没见了 在项目中遇到一个小小的需求,总结了一下! 详细我就不介绍了,相信大家用过的话,很了解.详见文档-----------> http://element-cn.eleme.io/#/zh-CN/component/message-box#messagebox-dan-kuang 项目需求——关于ElementUI中MessageBox弹框的取消键盘触发事件(enter,esc)关闭弹窗的解决方法(也就是标题) 我们在接触或者是学习使用一个库,或者插件.通常我们最先看的就是文档. 如果遇到

如何按ESC关闭窗口? 在InitializeComponent();下面增加KeyDown事件,如: public ModifyPrice() { InitializeComponent(); this.KeyDown += ModifyPrice_KeyDown; } private void ModifyPrice_KeyDown(object sender, KeyEventArgs e) { if (e.Key == Key.Escape)//Esc键 { this.Close();

简洁的支持展开关闭的tab标签代码,由huiyi8素材网提供. TAB标签代码下载:http://www.huiyi8.com/tab/

事情是这样的:今天调试窗体,突然发现按ESC键居然跳过closeEvent()关闭了对话框!我的关闭判断都在closeEvent()里,这直接导致非正常关闭了正在进行的工作.先重建下场景: 调用处: { Corpus corpusDialog(this); corpusDialog.exec(); } 典型的模态对话框,因为用了exec().Corpus对话框类中覆盖了closeEvent(),其中父类的closeEvent()为虚函数.这样,当我按ESC关闭对话框就出现了如题情景. 后来发现,

昨晚整了很晚,一直找不到方法.去官网api看了好久,又在网上搜了很久 始终找不到答案.今天自己终于找到了方法. 难点:因为 确认和取消按钮都是在父窗 调用js生成的按钮.只能从父窗回调的时候去去数据并关闭子窗口.并不是子窗口自己关闭并把数据传到父窗.而网上给出的很多答案都是子窗口自己关闭并传数据到父窗的方法. [贴出我自己的代码,大概实现了流程.具体自己根据情况修改] 我的代码功能是 子窗口要传递数组给父窗,具体复杂的数据格式(如json等)类似 1.子窗口代码 var urls; functi

vue 路由里面的history能让浏览器显示平常一样的链接,可以去掉#这种,但是在ie9下面会强制变成hash,因为history不支持ie9自动降级,可能就会影响美感,解决:可以在路由里面添加fallback,fallback默认是true,可以让这个属性变成false,在ie9下面也能去掉#,但是router-link跳转会刷新页面

<一>VUE的开发分两种,一种是直接在HTML文件中使用,一种是VUE文件的形式开发 1,首先我们先让 HTML 文件支持 VUE 的语法指令提示 2,File -> Setting -> Edit -> Inspections -> html 3,点击上图最右侧红框内的按钮,在弹框内输入一下内容,还可以根据自己的喜好,设置更多的提示 @tap@tap.stop@tap.prevent@tap.once@click@click.stop@click.prevent@cl

1.如何用electron-packager electron-builder打包vue项目,打包成桌面程序. 步骤一. 执行npm run build 打包你的vue项目. 打包成功后,生成dist打包后的文件. 在dist打开命令行, 安装electron-packager electron-builder 安装命令  npm install electron-packager    npm install electron-builder 在dist中新增main.js文件,其中内容包括

本文主要记录如何配置vue的打包文件配置项,使打包后的文件可以支持二级目录的访问. 1.常规打包 在实际的项目中,我们通常都使用 npm run build 直接打包文件后丢到服务器上访问 打包后的文件目录是这样的: 访问的静态资源都是地址是这样的: 我们现在要放在服务器的二级目录下访问地址,那么访问的路径就应该也加上二级目录,该如何配置尼? 2.静态文件地址修改 静态文件的访问地址应该加上二级目录前缀: 方法:找到项目的打包配置文件index.js,对参数assetsPublicPath进行配

背景:想通过Esc键关闭展示中的Dialog对话框,发现有些对话框可以,有些会失效. 原因分析: 1.对话框上可以输入内容的标签元素可以,反之不行. 2.如果鼠标点击对话框后,也可以Esc键关闭. 可以看出对话框上是需要聚焦就可以了. 解决方案: 方案一: focus:function(){ $("#id").focus(); } 方案二: 延迟聚焦 setTimeout(function() { $("#id").focus(); }, 500);

API地址:http://layer.layui.com/api.html#end 调用END回调方法: end - 层销毁后触发的回调 类型:Function,默认:null 无论是确认还是取消,只要层被销毁了,end都会执行,不携带任何参数. function updateStock(id) { //iframe层 parent.layer.open({ type: 2, title: '修改', shadeClose: false, //点击遮罩关闭 shade: 0.8, area: [

第一步:全局安装babel-cli npm install -g babel-cli 第二步,新建一个空项目,在 WebStorm 中的当前项目中打开 Terminal,进入项目的根目录下, 安装 ES2015 preset,ES2015 preset会自动转译那些需要转换为 ES5 的 ES6 代码. npm install --save-dev babel-preset-es2015 如图: 第三步:根目录路径下新建.babelrc文件,内容如下 { "presets": [&qu

i18n插件实现多语言支持,本文以中英文为例记录一下配置过程. 1.配置 1.1安装:npm install vue-i18n --save 1.2创建中英文配置项文件 src/lang目录下创建以下文件:   en.js  // 配置英文显示的内容 export default { 'home': { 'route': 'Tour Route', 'report': 'Issue Report' } } zh.js  // 配置中文显示的内容 export default { 'home':

资源事件 事件名称 何时触发 error 资源加载失败时. abort 正在加载资源已经被中止时. load 资源及其相关资源已完成加载. beforeunload window,document 及其资源即将被卸载. unload 文档或一个依赖资源正在被卸载. 网络事件 事件名称 何时触发 online 浏览器已获得网络访问. offline 浏览器已失去网络访问. 焦点事件 事件名称 何时触发 focus 元素获得焦点(不会冒泡). blur 元素失去焦点(不会冒泡). WebSocket

在JavaScript对象中有一个Object.defineProperties(obj, props)方法 该方法主要用来给指定对象添加自定义属性 可以接收两个参数: 第一个参数 要定义或者修改属性的对象 props参数 要定义其可枚举属性或修改的属性描述符的对象.对象中存在的属性描述符主要有两种:数据描述符和访问器描述符具体描述符有以下几个: configurable: true 当且仅当该属性描述符的类型可以被改变并且该属性可以从对应对象中删除. 默认为 false enumerable:

框架介绍 这是一个基于vue.element-ui.iview..netcore3.1 可支持前端.后台动态扩展业务代码快速开发框架. 框架内置定制开发的代码生成器,生成的代码不需要复制也不需要更改,直接就能运行. 后台基于.netcore3.1.EntityFramework Core3.1.Dapper.Autofac框架底层搭建. 前端基于vue.element-ui.iview二次开发了多个可直接上手使用的组件,适用于编写各种后台restful api或前端表单开发. 前.后端累计提供了

1.老的vue项目支持webpack打包 最近在学习Vue.js.版本是2.6,webpack的版本也相对较老,是2.1.0版本.项目脚手架只配置了npm run dev和npm run build.运行脚本如下:   "scripts": {    "dev": "cross-env NODE_ENV=development webpack-dev-server --open --inline --hot",    "build&qu

最近项目有这么个需求:要在关闭当前系统的窗口的时候,退出登录, 因为如果不退出登录可能存在安全风险,其实我想说,电脑没事别借给别人活着离开工位记得一定要锁屏,其实我们设置了cookie失效时间的,过了一段时间会自动清空cookie. 经过我查资料,自身尝试网上的各种方法,发现都有问题. 总结这一路的尝试: 一.页面加载时只执行onload ,页面关闭时只执行onunload,页面刷新时先执行onbeforeunload,然后onunload,最后onload. 经过验证我得出的结论是: (1)对

<template> <div class="search" ref="searchMain"> <el-input v-model="value" placeholder="请输入搜索内容" ref="input" @focus="getFocus" @input="changeVal" @clear='clearCard' @blur

[本文出自天外归云的博客园] 需求图示如下,多级纵向动态表头表格: 我的思路是用element-ui的layout实现,做出一个仿造表格,能够支持动态的.多级的.纵向的表头: <template> <div> <!--按设备系统统计--> <div style="text-align:left"> <h1>{{tableName}}</h1> </div> <!--纵向表格设计--> <