记一些开发中容易忽略的小问题

1、VUE项目， 在手机端访问的项目，弹出自定义的遮罩层之后防止屏幕滚动

<div v-show="show" class="bg" :style="bg" @click="showLeft" @touchmove.prevent></div>

只要在html里面加入 @touchmove.prevent 就可以阻止屏幕滚动

2、线上项目如果是放在服务器上的项目，访问的链接和ajax请求连接要一致，否则会出现奇怪的跨域问题，只有iOS会报错，但是安卓不会。错误内容是 error。例如访问用的是域名那请求接口也要用域名去请求，访问用的是IP，请求接口也要用IP

3、swiper3 以后专注于做APP应用，在谷歌浏览器可以，但是在ie不兼容。如果要在ie使用，要换成swiper2 版本。

4、用iview2 做ui 框架，仅支持ie10 以上。

5、iview2 的导航菜单，如果有子菜单，它的 <Submenu>的 title 不支持点击，可以直接用jQuery获取dom元素绑定点击事件，目前没有发现别的解决办法

html代码：

<Submenu name="productList">
      <template slot="title">
      <!-- <Icon type="ios-stats" /> -->
      贷款产品
   </template>
  
   <MenuGroup>
       <MenuItem :name="'products'+i.loanProductsId" v-for="(i,index) in prolist" :key="index">{{i.loanProductsName}}</MenuItem>
   </MenuGroup>
</Submenu>

js:

methods:{
	take(){
        this.$router.push({name:'productList'});
    }
},
mounted(){
   	   let that = this;
       let list = document.querySelectorAll('.ivu-menu-submenu-title');
       list[0].addEventListener("click",function(){
           that.take();
       });
}

6、点击信的路由后，使页面滚动到最顶部，目前用的方法是：

router.afterEach((to,from,next) => {
  document.body.scrollTop = 0;
  document.documentElement.scrollTop = 0;
});

7、要让每个页面都至少占满屏幕，使得footer不飘在上面，设置

html, body
{  
  height: 100%;  
} 

#app{
	height:100%;
}

8、上面的设置导致在手机端访问的时候，点击新的路由不会回到页面顶部，加上：

html, body
{  
  height: 100%;  
  overflow:hidden; //加上这句试试 ^-^
}