nuxtjs以编程方式修改head标签

Question

在我的页面中，我具有以下头身属性

export default{
  head: {
     bodyAttrs: {
      class: 'parallax-visible'
      }
   },
   methods:{
    modifyHeadTags(){
      //here change the body class
      //eg set like this.head.bodyAttrs.class="newclass"
      console.log("head is", this.head); //this is undefined 
     }
  }

现在上面的函数记录头是未定义的，我该如何以编程方式修改这些头标记

所以在功能中我希望做类似的事情

this.head.bodyAttrs.class = "new class" //this one

Answer 1

head与this.$options，components和methods中的其他属性一起在vueJs中可用

您可以在方法函数中使用this.$options.head来访问head。

因此您需要在函数内部执行类似的操作

this.$options.head.bodyAttrs.class="newclass"  //make sure bodyAttrs is defined in head object