动态设置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.ο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)
}
更多推荐
已为社区贡献1条内容
所有评论(0)