vue 点击打开小窗口

<template><div><el-button type="primary" @click="openWindow('https://www.baidu.com/')">打开</el-button></div></template><script>export default {name: 'OpenWindow',components: {},props: {},data() {return {}},filters: {},computed: {},watch: {},created() {},mounted() {},beforeDestroy() {},methods: {/*** 打开小窗口*/openWindow(url, title, w, h) {const dualScreenLeft =window.screenLeft !== undefined ? window.screenLeft : screen.left;const dualScreenTop =window.screenTop !== undefined ? window.screenTop : screen.top;const width = window.innerWidth? window.innerWidth: document.documentElement.clientWidth? document.documentElement.clientWidth: screen.width;const height = window.innerHeight? window.innerHeight: document.documentElement.clientHeight? document.documentElement.clientHeight: screen.height;const left = width / 2 - w / 2 + dualScreenLeft;const top = height / 2 - h / 2 + dualScreenTop;const newWindow = window.open(url,title,"toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, copyhistory=no, width=" +w +", height=" +h +", top=" +top +", left=" +left);if (window.focus) {newWindow.focus();}}}}</script><style scoped lang="less"></style>

vue 点击打开小窗口相关推荐

vue 点击打开新窗口
<div @click="openNew" /> methods: { openNew() {const routes = this.$router.resolve({ ...
html语言点击打开小窗口播放视频,点击图片弹出窗口播放视频html代码
楼主尼嚎~~HTML表单,通常都是被form标签所包括的.form标签内的内容还是可以用HTML常规代码书写.不过我认为楼主应该是想表达,HTML表格而不是表单吧?代码如下: htmlheadtitl ...
vue 按钮点击打开新页面_Vue中在新窗口打开页面及Vue-router的使用
背景在开发提分加项目的过程中,遇到了点击下拉菜单时在新窗口中打开页面,由于之前一直做的是单页面应用,没有碰到过类似的需求,于是上网搜了一下解决办法,也再次系统地温习了一下vue-router. 解决 ...
vue，下载导出文件，开新窗口导出
vue,下载导出文件,开新窗口导出封装设置url参数方法 //设置url参数 //setUrlPrmt({'a':1,'b':2}) //显示 a=1&b=2 setUrlPrmt(obj ...
router vue 页签文字_vueRouter点击打开新页签
一.vue 路由使用 vue是单页面SPA,一般我们使用vue-router 设定路由进行页面跳转的时候,都是直接覆盖当前页面.比如,在a页面中有如下超链接子任务详情直接这样设置的话,会在当前页面 ...
网约车风云再起：“小窗口”和“大窗口”齐开
文|智能相对论作者|陈壹由于众所周知的原因,近来网约车格局出现新突破口,行业发展迎来"窗口期". 看到机会的各大网约车平台,纷纷摩拳擦掌,直奔战场. 有的原地"满血复 ...
java小窗打不开_JAVA做个小窗口时候为什么用SetLayout（null）时候窗口里什么东西都不显示？...
JAVA做个小窗口时候为什么用SetLayout(null)时候窗口里什么东西都不显示? 本人刚刚学习JAVA,所以按照教科书在myeclipse7.5 上照打了这个例子,但是发现当SetLayout ...
前端面试题（HTML、JS、Vue、React、小程序）
前端面试题 HTML && CSS HTML 1.Div 里面有个一个div ***** Q:有几种方法可以水平,垂直居中 2.doctype的作用 * 3.link标签和import ...
css实现列表下拉菜单_逐行：点击打开下拉列表和菜单的高级CSS技巧
css实现列表下拉菜单 by David Piepgrass 由David Piepgrass 逐行:点击打开下拉列表和菜单的高级CSS技巧 (Line-by-line: advanced CSS t ...

vue 点击打开小窗口

vue 点击打开小窗口相关推荐

最新文章

热门文章