vue获取当前页面地址及主机地址相关操作

废话不多说，直接上代码！// 获取当前页面地址，如http://localhost:8080/admin/indexlet wPath = window.document.location.href;// 获取当前页面主机地址之后的目录，如：/admin/indexlet pathName =this.$route.path;let pos = wPath.indexOf(pathName);//

晴天'

11607人浏览 · 2020-08-03 17:07:46

晴天' · 2020-08-03 17:07:46 发布

废话不多说，直接上代码！

  // 获取当前页面地址，如http://localhost:8080/admin/index
  let wPath = window.document.location.href;
  // 获取当前页面主机地址之后的目录，如：/admin/index
  let pathName =  this.$route.path;
  let pos = wPath.indexOf(pathName);
  // 获取主机地址，如：http://localhost:8080
  let localhostPath = wPath.substring(0, pos);

接下来就可以按需取用各个值了~

附上2年前还没接触vue的时候写过的代码：
在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^