这篇文章主要讲解了“vue中怎么使用window.open()参数”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“vue中怎么使用window.open()参数”吧！
vue中使用window.open()参数详解
打开新窗口有多种情况：
①在当前页面弹出新窗口 ②在浏览器新打开一个标签页 ③替换当前页面
下面为大家介绍一下使用window.open()如何实现这两种情况。
1.window.open()有三个参数
windows.open("URL","name","configuration");
URL：为要新打开页面的url
name：为新打开窗口的名字，可以通过此名字获取该窗口对象
configuration：为新打开窗口的一些配置项，比如是否有菜单栏、滚动条、长高等等信息
2.举例说明
新打开一个没有菜单栏、标题栏、工具栏，但是有滚动条、状态栏、地址栏且可伸缩窗口
window.open ( //第一个参数 "index.html", //第二个参数 "newWindow", //第三个参数 "width=1024, height=700, top=0, left=0, titlebar=no, menubar=no, scrollbars=yes, resizable=yes, status=yes, , toolbar=no, location=yes" );
window.open 弹出新窗口的命令；
‘index.html’ 弹出窗口的文件名；
‘newWindow’ 弹出窗口的名字（不是文件名），非必须，可用空’'代替；
width=1024 窗口宽度；
height=700 窗口高度；
top=0 窗口距离屏幕上方的象素值；
left=0 窗口距离屏幕左侧的象素值；
titlebar=no 是否显示标题栏，被忽略，除非调用HTML应用程序或一个值得信赖的对话框.默认值是yes；
menubar=no 表示菜单栏，默认值是yes；
scrollbars=yes 是否显示滚动条，默认值是yes；
resizable=no 是否允许改变窗口大小，默认值是yes；
status=no 是否要添加一个状态栏，默认值是yes；
toolbar=no 是否显示工具栏，默认值是yes；
location=no 是否显示地址栏，默认值是yes；
3.第二个参数详解
_blank 表示新开一个窗口
_parent表示父框架窗口
_self表示覆盖该窗口
4.第三个参数详解
①window.open(url)或者window.open(url, name)，其中name为_blank
标准浏览器、新标签打开链接url
②window.open(url, name, configration)
只要配置了configration，都是新窗口打开链接的
补充：在vue中使用windom.open()跳转html文件传递和获取参数
前言
有些项目可能你使用的是 vue，但是却要打开 html 文件去完成业务功能，比如打开 word 编辑文档之类的，这时候可以用 windom.open()这个方法去实现
windom.open()的使用
-
首先你的 html 文件要放在 pubilc 文件下面，这样他打开的目录就是根目录
-
vue 文件里使用可以传递你所需要的参数
window.open(`/word/index.html?name=${参数}`);
html 文件接收参数
window.location.search;
感谢各位的阅读，以上就是“vue中怎么使用window.open()参数”的内容了，经过本文的学习后，相信大家对vue中怎么使用window.open()参数这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是本站，小编将为大家推送更多相关知识点的文章，欢迎关注！
