有时候在项目中打开别的网页,需要给网页设置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.οnlοad=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)
}