Question

我正在从事前端项目。我的任务是接收一个API令牌，然后有条件地为不同的API值选择一个主题（CSS文件）。现在我有一些计划，

1. doing something with package.json
2. using sass/compass
3. using webpack

根据项目负责人，我不允许少用或无礼。有什么办法吗？我正在使用Nuxt.js。

N.B：在项目的入口点，即在加载整个项目之前必须要做的事情

Answer 1

我做了这个简单的任务，就像魅力一样工作：

data(){
     return{
       api_value:0
     }
   },
   beforeCreate(){
     axios.get('my-api-link)
         .then(response=>{
          this.api_value = response.data.api_value
      })

   },

     computed:{
         inject_theme(){
           if(this.api_value ==1)
             return '/theme/dark.css'
           else if (this.api_value ==2)
              return '/theme/dark.1.css'
           else if (this.api_value ==3)
              return '/theme/dark.2.css'
         }
       },

   head () {
    return {
      title: this.title,
      meta: [
        { hid: 'description', name: this.inject_theme, content: 'My custom description' }
      ],
      link:[
        {rel:'stylesheet',href:this.inject_theme}
      ] 
    }
  }

根据某个API值选择主题

1 个答案: