背景

技术网站重写复制按键的 js ，作为开发人员你会为了复制一段代码而注册一个用户吗？

一个小需求变动，将跳转详情页改为 target=_blank 的方式打开新页面。原来用 Vue.js 的路由代码 push 需要换成 resolve ，本文将介绍该需求调整过程中踩到的小水坑，顺便汇总下路由的小知识。

程序开发工作就是这么神奇，未经测试的代码都是不可靠的代码，解决一个小问题，你以为是一个方法名的小改动、引入一个新 jar 包的小事儿，却不知又陷入另一个泥坑。

这大概就是我现在奋战在编码一线、对编码工作饱含深情的原因【哈哈，夸张了】。问题不断，惊喜连连，Bug 可不会让一个开发人员闲着！

路由定义

Vue.js 定义路由语法如下：

const routes = [{    path: '/myModuelPath',    name: 'moduleName',    component: () => import('@/views/XXX.vue'),    meta: { title: 'XXX', icon: 'edit' },  } ]

路由跳转

直接使用路由跳转，使用如下代码，path 为路由的 path 属性值不包含 / ：

this.$router.push({        path: `${path}`,        query: this.query,      });

window.open 弹出

使用路由弹出新页面：

const routeData = this.$router.resolve({ name: path, query: { id: param } });      window.open(routeData.href, '_blank');

此时，resolve 的 name 参数需要是路由的 name 属性，否则解析到的跳转地址为空：

启示录

路由跳转操作参数的 key 和 路由对应的属性必须保持一致，否则浏览器将无法解析新路径导致跳转到空白页面。

window.open 那段代码是在思否网站搜到的，准备复制时，网站弹出登录注册页面。现在互联网产品都趋向于打造封闭系统，让用户下载、注册自家应用，殊不知，内容不具有稀缺性的话，只会徒增用户的反感而已。

网站能重写复制按键的 js ，作为开发人员，F12 也能拿到想要复制的内容，谁还有功夫去注册呢？不得不感谢浏览器，当你选中一段代码后，浏览器自己在右侧跳出了“搜索此文本”的操作框了。

封闭系统的未来如何？可能对用户来说，会不胜其烦吧。

控制浏览器增加新页签的js_技术网站重写复制按键 js 跳转到注册页，就能增加用户？...相关推荐

【Python + selenium】在浏览器打开新页签
[Python + selenium]在浏览器打开新页签,打开方式 2017年09月06日 11:34:25 宇风-飞扬阅读数:3472 标签: seleniumpython句柄移动更多个人分类 ...
【Python + selenium】在浏览器打开新页签，打开方式
很过新接触selenium ,在爬取网页时,在新打开页面,总是抓取不到页面内容原因如下: 打开链接,时间停留过短,网页还没打开,这是后你抓取网页内容,肯定是取不到的,一般可以利用driver.imp ...
【web自动化测试Robotframework开发手册—浏览器切换url和打开新页签】
在使用robotframework+selenium2library框架进行web自动化测试的开发过程中,测试对象有时候会涉及到多个web网址,这时候该怎么切换浏览器的窗口或打开新url页签呢? 1. ...
限制_blank属性只打开一个新页签
我们在开发过程中点击a标签或按钮跳转新页签时,如果再次点击该链接或按钮,还会重新打开一个页面.这样的交互效果不是很友好. 使用如下方式可以限制打开新的页签,只保留一个新页签. 1.使用target = ...
selenium如何通过快捷键关闭浏览器打开的新页签
在做自动化的测试过程当中可能我们会操作各种浏览器,今天给大家说一说,如何关闭操作浏览器过程中出现的新的标签页,以selenium操作举个栗子: 因为我们操作的是浏览器的功能,并不是我们的测试项目或产品 ...
2021-08-12：浏览器使用window.open 新页签被拦截的问题
前端关于在使用 window.open 打开新页面时会被部分浏览器拦截的问题背景解决方案一: 二: 结束语背景通常我们想要打开一个新页签来展现一个页面时,一般会使用 a 标签或者 wind ...
js 点击按钮打开浏览器新页签，兼容版
话不多说直接上代码,这是千辛万苦寻来的,帮助需要帮助的人. <html><head>点击按钮打开浏览器新页签</head><body><div o ...
彩虹浏览器使用技巧:页签自动切换
核心提示:彩虹66760设计了创新的页签自动切换功能,当鼠标移动到某个页签时,无需要点击就能自动激活您所想打开的网页,这个功能是不是很酷很炫呢,为大家节约一点小时间. 1,悬停换页彩虹浏览器设计了创 ...
router vue 页签文字_vueRouter点击打开新页签
一.vue 路由使用 vue是单页面SPA,一般我们使用vue-router 设定路由进行页面跳转的时候,都是直接覆盖当前页面.比如,在a页面中有如下超链接子任务详情直接这样设置的话,会在当前页面 ...

控制浏览器增加新页签的js_技术网站重写复制按键 js 跳转到注册页，就能增加用户？...

背景

路由定义

路由跳转

window.open 弹出

启示录

控制浏览器增加新页签的js_技术网站重写复制按键 js 跳转到注册页，就能增加用户？...相关推荐

最新文章

热门文章