前端遇到问题的解决方法

128 阅读1分钟

1.新增编辑弹窗数据不一致的问题;

因为一开始在watch里面监听赋值,只有点击第一次的时候会赋值,然后再去点击新增然后再去点击编辑,编辑就会变成没有数据,是因为一开始我是用props传数据去编辑弹窗里面,后面没想到传的数据没有进行赋值为空,导致点击编辑会出现没有数据传入,赋值最好不要写在watch里面。可以定义个初始化的方法,然后需要在create生命周期函数里面先调用一次;

2.node安装合适的版本

因为我个人的一个项目,出现了node sass出现了问题,提示不兼容,会在控制台去显示你需要用什么合理的版本,实际这个还有一个解决办法就是安装多个node版本,根据提示去切换相应版本;使用nvm命令切换blog.csdn.net/weixin_4434…

3.获取地址栏的地址

function getUrlParam(name){
    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if (r!=null) return unescape(r[2]); return null;
}
//获取http://caibaojian.com/?p=177.html的p值
getUrlParam('p'); //输出177

4.网页灰色效果

html { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); }

5.$route

  • $route.path: 字符串,对应当前路由的路径,总是解析为绝对路径,如/foo/bar

  • $route.params: 一个 key/value 对象,包含了 动态片段 和 全匹配片段,如果没有路由参数,就是一个空对象。

  • $route.hash: 当前路由的hash值 (不带#) ,如果没有 hash 值,则为空字符串。锚点*

  • $route.fullPath: 完成解析后的 URL,包含查询参数和hash的完整路径。

  • $route.matched: 数组,包含当前匹配的路径中所包含的所有片段所对应的配置参数对象。

  • $route.name: 当前路径名字

  • $route.meta: 路由元信息