vue 单页面 meta设置

Question

目前有一个单页面供手机端访问

在index.html中设置了
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

但是希望通过这个页面点击跳转后不受约束

当前A(页面,设置了meta)=>B(页面不受meta影响,为PC端效果)

网上有人说 按照meta 在单页面A中单独配置meta信息

npm install vue-meta --save
import Meta from 'vue-meta'
Vue.use(Meta)

但是启动报错了

加规则(瞎加的)???
meta组件对应的文件规则是啥哦

so，1.怎么能实现单页面而非全局的meta 2.这个规则。。。我再查一下；有对这个熟悉的师兄吗?

Answer 1

// 通过js设置不同的meta
document.querySelector("meta[name='viewport']")["content"] = "width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"

Answer 2

完整代码是怎样的？可以分享出来吗？