项目中遇到的问题以及如何解决的

1
问题: vue 项目中微信分享,拿到的分享链接总是首页;
原因:微信浏览器自动会截图链接中#后面的数据
解决方法:在mouted钩子函数中获取当前url并保存下来

2
问题:在h5中,设置line-height 文字不居中;
解决:使用display:flex;设置

3
问题:使用chrome浏览器时,图片src无效时img有边框;
解决:因为是src为空的时候才会出现这个问题,所以判断没有src的时候给个无效字符串就可以解决了,

    

// css主要是给没有图片的时候添加一个默认的图片展示,从ui界面来考虑的;

    .im_img_contain{
         border: 1px solid #dedede;
         width: 80px;
         height: 80px;
         background: url("../../assets/images/img.png") no-repeat center; 
         background-size: 25px;
         border-radius: 50%;
         img{
            width: 80px;
            height: 80px;
            border-radius: 50%;
          }

      }

你可能感兴趣的:(项目中遇到的问题以及如何解决的)