動態設定meta標籤
阿新 • • 發佈:2019-01-07
有時候在專案中開啟別的網頁,需要給網頁設定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)
}