有时候在项目中打开别的网页，需要给网页设置meta，如缩放禁止等。这时候在index.html中设置失效

需要额外设置。

可以使用插件vue-meta：

文档：https://github.com/declandewet/vue-meta#npm

{
  metaInfo: {
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' }
    ]
  }
}

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

 也可以通过JS添加：

window.onload=function () {         

 document.addEventListener('touchstart',function (event) {  

           if(event.touches.length>1){  

                event.preventDefault();  

            }  

        })  

        var lastTouchEnd=0;  

        document.addEventListener('touchend',function (event) {  

            var now=(new Date()).getTime();  

            if(now-lastTouchEnd<=300){  

                event.preventDefault();  

            }  

            lastTouchEnd=now;  

       },false)  

}