网站重写复制按键 js,就能增加用户吗?由 Vue.js 路由小知识引发的思考

背景

技术网站重写复制按键的 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');

此时,resolvename 参数需要是路由的 name 属性,否则解析到的跳转地址为空:
在这里插入图片描述

启示录

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

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

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

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

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 代码科技 设计师:Amelia_0503 返回首页
实付 9.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值