背景

技術網站重寫復制按鍵的 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 跳转到注册页，就能增加用户？...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。