当前位置 博文首页 > 少年时未觉悟 ，觉悟时不再年少，还危机四伏！：网站重写复制按
技术网站重写复制按键的 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,
});
使用路由弹出新页面：
const routeData = this.$router.resolve({ name: path, query: { id: param } });
window.open(routeData.href, '_blank');
此时，resolve 的 name 参数需要是路由的 name 属性，否则解析到的跳转地址为空：
路由跳转操作参数的 key 和 路由对应的属性必须保持一致，否则浏览器将无法解析新路径导致跳转到空白页面。
window.open 那段代码是在思否网站搜到的，准备复制时，网站弹出登录注册页面。现在互联网产品都趋向于打造封闭系统，让用户下载、注册自家应用，殊不知，内容不具有稀缺性的话，只会徒增用户的反感而已。
网站能重写复制按键的 js ，作为开发人员，F12 也能拿到想要复制的内容，谁还有功夫去注册呢？不得不感谢浏览器，当你选中一段代码后，浏览器自己在右侧跳出了“搜索此文本”的操作框了。
封闭系统的未来如何？可能对用户来说，会不胜其烦吧。
cs