1. 程式人生 > >動態設定meta標籤

動態設定meta標籤

有時候在專案中開啟別的網頁,需要給網頁設定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)  

}